デザインを開発するという視点でお伝えするクリエイティブBLOG
多くのサイトで採用されている、多くの情報を整理して順番に見せるスライダー。多くのクリエイターが日々、試行錯誤しており、様々なクリエイティブなスライダーが生み出されていますが、今回紹介するのは斜めに動く、ダイナミックなスライダー「Diagonal Slideshow」です。
「Diagonal Slideshow」はフルスクリーンで動作し、次の写真をクリック、タップでスライド、中央の写真を選択すると、同じくフルスクリーンアニメーションしながら情報が表示されます。
詳しくは以下
ECサイトには欠かせないボタン「カートに入れる」。国内でも海外でもインターフェイスとして必須の項目です。今日紹介するのはカートに追加するボタンデザインを集めたデザイン集「“Add to Cart” Button Showcase」です。
様々なジャンルのECサイトのカートに入れるボタンのデザインを集めています。いくつか紹介されていますが、今日はその中から気になったものをいくつか紹介したいと思います。
詳しくは以下
webデザイン制作に欠かせない素材のひとつ・アイコン。いろいろな種類やテーマのものが存在しており、いろいろとストックされている方も多いかと思います。そんな中今回紹介するのは、フラットテイストのフリーアイコンが多数そろった「40 Flat and Free Icon Sets for May 2015」です。
定番として利用できそうなものから、個性的なテーマのものまで、さまざまな種類が紹介されています。気になったものをピックアップしましたので、下記よりご覧ください。
詳しくは以下
無題の無い研ぎすまされたフォントも素晴らしいですが、アナログ感があるフォントを探していると言う方にピッタリなのが今回紹介するフリーフォント集「HVD Fonts」です。
HVD Comic Serif. 1 Font by Hannes von Döhren, 2007
アナログ感溢れる、あじのあるフリーフォントをいくつか公開されています。今回は公開されているフォントをいくつか紹介したいと思います。
詳しくは以下
Webサイトを構築する上でWordPressは、サイト作成や更新が今までのツールよりも簡単にできる点でもとても魅力的なツールです。今回紹介するのは、2018年にリリースされた良質なWordpressテーマ「10 of the Best WordPress Themes for 2018」です。
TheGem – Creative Multi-Purpose High-Performance WordPress Theme by CodexThemes
様々なシーンで活用できるWordpressテーマが数多く紹介されているまとめです。
詳しくは以下
先日も「クリスマスデザインのためのフリーベクターデータ「Over 500 Free Vector Art for Creating Christmas Designs 2009」」と言う記事でクリスマスに使えるベクターデータを集めたエントリーを消化しましたが、今回もクリスマス関連で、クリスマスに役立つphotoshopブラシセット集を紹介するエントリー「Create Christmas designs with 50 Photoshop brush sets」を紹介したいと思います。
Christmas Brushes for Photoshop CS+ | Photoshop Free Brushes
クリスマス定番のアイテムから、雪の結晶や光、などといった演出系のもの、ビンテージ感漂う、グラフィックなどなど、様々なブラシが集められています。
詳しくは以下
今までDesigndevelopでは数々のフリーアイコン集、もしくはフリーアイコンを配布するサイトを紹介してきましたが、今日紹介する「iconPot – totally free icons」はWEBサイト上で利用でき商用利用、個人利用問わず利用でき、なおかつ著者のクレジット、リンクバックが必要ではないiconを集めたアイコンサイトです。
Splashy Icons
web dev icons in PNG format (16×16)
現在いくつかのアイコンセットが公開されていますので、いくつか紹介したいと思います。
詳しくは以下
綺麗な設計されつくされた書体も美しく、読みやすく良いのですが、やはり人間の温かみを感じられる手書きも独特の魅力があります。今日紹介するのは手書き風のひらがなフォント「アイコ」と「はるか」です。
めちゃくちゃやわらかく、くだけた感じではなく、適度な手書き感を残しながらも、手書きの良さがわかるそんなフォントだと思います。どちらかというと「アイコ」の方が堅い感じを受けます。
詳しくは以下
WEB上で様々シーンで見かけるローディングアニメーション。今日紹介するのはそんなローディングアニメーションが簡単に作成できるWEBサービス「Load Info – gif generator」を紹介したいと思います。
作れると言ってもデザインから動きまでフルカスタマイズできるわけではなく、元々あるサンプルを好きなカラーででダウンロードできると言ったものになります。
詳しくは以下
グラフィックでもWEBでもデザインにおいて、書体選びというのは非常に重要で、書体一つで大きくそのデザインが左右されます。それだけに選べる書体はできる限り揃えておきたいもの。今日紹介するのは最近リリースされた使えるフリーフォントをまとめたエントリー「11 Extremely Useful Fresh Free Fonts」です。
スタンダードというよりはクリエイティブによった、個性的な書体が全部で11個集められています。今日はその中からいくつか気になったエントリーをピックアップして紹介したいと思います。
詳しくは以下
マウスオーバーすると、色が変わったり、様々なアクションが走ったりと、WEBデザインでは多用されるホバーエフェクト。簡単に透明度だけ変えたり、色を変えたりというシンプルなものも良いのですが、一工夫されたホバーエフェクトは上手に使えばサイトの質を向上させてくれます。今日紹介するのはリッチなホバーエフェクトを実現するCSSセット「IMAGE HOVER EFFECTS」です。
画像が拡大されたり、フィルタが掛かったような表現になったり、全部で16ものホバーエフェクトを簡単に実装することが可能です。
詳しくは以下
