デザインを開発するという視点でお伝えするクリエイティブBLOG
WEBデザインならではのエフェクトは、私たちの目を楽しませてくれたり、あっと驚かせてくれたりします。今回ご紹介する「WebGL Distortion Hover Effects | Codrops」は、WEBの中でもよく目にするホバーアクションのエフェクト集になります。
歪みの効果を与え、滑らかに動くスタイリッシュなホバーアクションです。
詳しくは以下
グラフィックデザインの世界では欠かせないソフトウェアの一つphotoshopその可能性は毎日使っていても追いきれないくらい深く、広いです。今日紹介するのは最近公開されたもので、質の高いphotoshopチュートリアルを40個あつめたチュートリアル集「 40 (NEW) High Quality Adobe Photoshop Tutorials」です。
Creating an Abstract Watercolor Wallpaper
グラフィックやタイポグラフィ、エフェクトで見せるものなどなど様々なチュートリアルが紹介されています。今回はその中からいくつか気になったものをいくつか紹介したいと思います。
詳しくは以下
デザインは様々な分野を表現する機械があり、最先端のイメージを持たせて欲しいなんて依頼もあるかと思います。今日紹介するのは先端のテクノロジーを表現できるphotoshopブラシを集めたエントリー「Detailed Technology Photoshop Brush Sets (1000+ Brushes)」です。
Tech Brushes For You (56 Brushes)
機械の図面から、基盤、デジタル表示まで、様々なブラシがまとめられていました。今日はその中から幾つか気になったものをピックアップして紹介したいと思います。
詳しくは以下
国内外で人気のCMS、wordpress最近バージョン2.7がリリースされ、2.7に切り替えたかたも多いかと思います。今日紹介するのはwordpress2.7に対応したハイクオリティなフリーThemeを集めたエントリー「 15 High Quality Free Premium WordPress 2.7 Themes」を紹介したいと思います。
全部で15個のフリーテーマが紹介されていますが、今日はその中から気になったテーマをいくつか紹介したいと思います。
詳しくは以下
大きめの見出しや、タイポロジーを利用したデザインがWEBデザインの今年のトレンドの一つとして言われていますが、今回紹介するのは見出しやタイポロジーに便利なフリーフォントを集めたエントリー「40 Awesome Free Fonts for Big Headlines」です。
全体的にしっかりと視認ができ、太めのフォントが多くまとめられていました。今日はその中から幾つか気になったものを紹介したいと思います。
詳しくは以下
webサイトのデザインで特に活躍してくれる素材といえばアイコン。非常にいろいろな種類があり、たくさんストックされている方も多いのではないでしょうか？そんな中今回紹介するのは、さまざまな種類のアイコンを集めた「42 Fresh and Free Icon Sets for Designers」です。
多彩なテーマのアイコンセットが紹介されており、どれもストックしておきたくなるものばかり。気になったものをピックアップしましたので、下記よりご覧ください。
詳しくは以下
デザインの細部は宿ると言われており、細かな部分が全体なクオリティに繋がってくるものですが、WEBデザインも同様に細かな背景やパーツを作り込むことでクオリティが上がってきます。今日紹介するのはデザインのクオリティを上げるシンプルな背景パターン「75 Seamless Photoshop Pixel Patterns」です。
非常にシンプルですが、基本的にはシンプルですが中には少し遊びのあるピクセルパターンが全部で75種類まとめられています。
詳しくは以下
フォントでデザインや使い勝手、受ける印象は大きく変わります。それだけにデザインにおいてフォント選びは非常にシビアな部分であり、大きなところです。今日紹介するのはそんなフォント選びのヒントになる一枚のシート「so you need a typeface」を紹介したいと思います。
※クリックすると大きい画像を見ることができます。
中央からスタートし、まずは用途から決めるようになっています。用途はBOOK,INFO GRAPHIC,NEWSPAPER,LOGOなどなど様々な用途が考えられています。
詳しくは以下
アイコンは視覚的な表現を豊かにしてくれる要素の一つ。UI面を左右する大切なものだからこそ、シーンに応じて適切なものを使用していかなくてはなりません。そんな時に知っていると便利なまとめ「7000+ Material Design Icons – Ultimate Icon Roundup」をご紹介していきたいと思います。
Mini Material Free iconset Vol1 by Iftikhar Shaikh☯ – Dribbble
高品質なデザインアイコンが7000以上もまとめられており、多種多様のテイストを持っています。気になったものをいくつかピックアップしているので、下記よりご覧ください。
詳しくは以下
国内で一般的なWEBページの構造を思い浮かべるとしたら皆さんはどんなものを思い浮かべるでしょうか？スタンダードな例として、ページが複数ページがあってそれをグローバルナビゲーションでまとめているといった作りがあります。今日紹介する「41 Sleek Single Page Websites」は先ほどあげたスタンダードな例ではなくて、すべてのコンテンツを１枚のページに集約したWEBの構成をとっているWEBページを集めたエントリーです。
まとめているからと言って、コンテンツが充実していないという訳ではなく、機能的には問題ない形で１ページに落とし込んでいます。今回はいくつか収録されているもののなかから気になったものをいくつかピックアップして紹介したいと思います。
詳しくは以下
ストックフォトというのはかなり一般的になっていますが、今日紹介するのはアイコンが購入できるストックアイコンサイトをまとめたエントリー「List of 15 Icons Website」を紹介したいと思います。
全部で15個のサイトが紹介されていますがいくつかピックアップして紹介したいと思います。販売だけではなく、フリーで使えるアイコンが公開されている所もあります。
詳しくは以下
