デザインを開発するという視点でお伝えするクリエイティブBLOG
Web技術は日々めまぐるしく進化しており、一日経てばどこかで新しいものが生まれている世界。忙しい毎日の中で新しいものを追いインプットし続けることはとても大変ですが、そんな時だからこそ是非参考にしたいまとめ「Fresh Resource for Web Developers – April 2017」を今回は紹介したいと思います。
mini.css – Minimal, responsive, style-agnostic CSS framework
役に立つアプリケーションからデザインパターンの参考まで、非常に便利なツールの数々が紹介されています。いくつか気になったものをピックアップいたしましたので、下記よりご覧下さい。
詳しくは以下
HTML5やCSS3などの次世代の企画も徐々に業界内では浸透してきていますが、まだまだ商業ベースでは特定の用途を除いては使えないシーンも多く、HTML+CSSを用いて制作をしている人がほとんどだと思います。今日紹介するのは最近リリースされたクリエイティブなHTML+CSSのテンプレート「25 Fresh and Professional CSS and HTML Templates」です。
25 Fresh and Professional CSS and HTML Templates
様々なテンプレートがまとめられています。今日はそのなかからいくつか気になったものをピックアップして紹介したいと思います。
詳しくは以下
筆の振り方や、つけるペンキの量によって毎回違った表情を楽しめると人気の高い、ペンキや水彩絵の具を飛び散らせて表現するアート、また遊びを楽しんだことがある方もいらっしゃると思います。今回はそんなペンキの雰囲気を手軽に表現できるPhotoshopブラシとテクスチャをまとめた「Paint Splatters Photoshop Brushes, Textures」を紹介したいと思います。
カラフルな雰囲気を楽しめるペンキ・水彩のブラシやテクスチャがまとめて紹介されています。
詳しくは以下
webサイト上で、メニュー選択や特別なアクションをする際に登場することの多いポップアップウインドウ。どうしてもシンプルな描写になってしまいがちですが、今回はそんな状況から開放される、さまざまな描写のフリーポップアップウインドウまとめた「45 Free Popup, Alert Window, Notification, Photoshop Designs」を紹介したいと思います。
minimal dark dropdown menu psd PSD file| Free Download
多彩な表現の、メニューやアラート、通知機能などを取り入れたポップアップウインドウが紹介されています。気になったものをピックアップしましたので、下記よりご覧ください。
詳しくは以下
フリーで配布されているUIテンプレートを利用することで、デザインの質を手軽にアップさせられると同時に、制作時間の短縮・コストカットにも繋げることができます。今回はそんなシーンで参考にしたい、洗練されたデザインテイストが魅力的なフリーUIキットまとめ「A Roundup of Free & Beautifully Designed UI Kits」を紹介したいと思います。
55+ Elements FREE UI KIT | Clean white [DOWNLOAD] on Behance
非常にデザイン性の高い、いろいろな種類のパーツが揃ったUIキットが紹介されています。気になったものをピックアップしましたので、下記よりご覧ください。
詳しくは以下
Webサイトを制作する上で、ナビゲーションの設計はユーザーが最も触る部分だけに非常に重要な要素の一つであるといえます。同じWebサイトであっても、ナビゲーションの設計が上手く出来ているかどうかでユーザビリティはかなり変わってくるのではないでしょうか。そこで今回は、ナビゲーションのトレンドを多方面から分析した「Up and Coming Navigation Trends」を紹介します。
Lack of navigation – Socket Studios 2013
ナビゲーションを取り払ってしまった例や、コンテンツを見せるために最小限に抑えたもの、全体的な閲覧の流れを作るなど、さまざまに工夫されたナビゲーションの事例が紹介されています。中でも気になったものをピックアップしましたので、下記よりご覧ください。
クリスマスを間近に控え、クリスマス系デザインの制作に追われている方もいらっしゃるのではないでしょうか？今回はそんなシーンで活用したい、クリスマスフリーアイコンセット「Free Download : 16 Fresh Flat Christmas Icons」を紹介したいと思います。
クリスマスデザインに彩りを与えてくれる、フラットテイストなクリスマスアイコンが16種セットでダウンロードできるようになっています。
詳しくは以下
以前「90種類のフリーベクターデータアイコン集「90 Free Vector Icons Set」」で紹介したベクターアイコンに非常によく似ていますが、そこから少しだけ可愛らしくディフォルメしたようなフリーベクターアイコンセットが今回紹介する「 Containing 25 Icons」です。
上記のような、少し丸みの帯びたかわいらしいアイコンがベクターデータでダウンロードできます。収録されているアイコンは全部で25種類。イラストレーター8.0のaiファイルで公開されているため環境を選ばず利用することができます。
詳しくは以下
デザイナーなら一度は手がけたことがあるであろうロゴデザイン。しかし時にはコストや時間の関係で、デザインが難しいシーンもあるかもしれません。今回はそんなシーンで利用できる、さまざまなデザインのロゴデザインテンプレート「130+ Logo Templates To Absolutely Grab For Free」を紹介したいと思います。
3 Vintage Logo Templates – Graphic Delivery
ヴィンテージ風から、ナチュラルなテイストまで、いろんなタイプのロゴデザインがセットでまとめられています。
詳しくは以下
自分で運営しているサイトは可愛い物で、どんな状況に置かれているのかが気になる人も多いかと思います。そこで今回紹介するのが、ページランクやGoogleやYahoo!など検索エンジンのページランクやインデックス数やバックリンク数、テクノラティランクなどを一括でスマートに表示してくれるWEBサービス「urlmetrix」を紹介したいと思います。
使い方も至ってシンプルで「Your URL」の欄に調べたいサイトのURLを入力して「Check」のボタンを押すだけです。動作も軽快でサイトのステータスがストレス無く表示されます。
詳しくは以下
トレンドをしっかりとデザインに反映するために、デザイナーは常に最新の素材をチェックしておくことが必要。そんな中今回紹介するのは、デザイナーが見ておくべき最新のフリー素材を集めた「50 incredible freebies for web designers, September 2015」です。
UI kit for travel apps – Freebiesbug
アイコン、テンプレート、UIなど、活用頻度の高いフリー素材がまとめられています。気になったものをピックアップしましたので、下記よりご覧ください。
詳しくは以下
