TOP  >  ミニマル

Tag : ミニマル

2017年06月21日

スマートフォンのUIデザインにも最適な高解像度アイコンまとめ「1700+ Free Icons for Web, iOS and Android UI Design」

Webデザイン上においてユーザインターフェースというのは非常に重要なもの。操作性がわかりにくいストレスは、ユーザーが離れていく要因の一つです。それらを解消したいときに便利なアイコンのまとめ「1700+ Free Icons for Web, iOS and Android UI Design」を今回はご紹介していきたいと思います。

free_icons1700_top
Iconography on Behance

シンプルなミニマルアイコンからカラフルで存在感のあるデザインアイコンまで、幅広く紹介しているまとめになっています。

詳しくは以下

(続きを読む…)

続きを読む
posted 10:00  |  
Category: WebDesign   
このエントリーをはてなブックマークに追加
2017年06月15日

フラットな雰囲気が可愛らしい 自然と動物のミニマルアイコン「Free Download: by Vecteezy」

アイコンは小さいながらもデザインに華を添えてくれたり、ユーザーインターフェイスにも非常に有効的な存在。そんな中今回は、数多くあるアイコンの中でも自然をテーマにしたミニマルアイコン「Free Download: 100 Nature Icons by Vecteezy」を紹介します。

nature-icons-top

植物、動物以外に昆虫や天気をモチーフにしたアイコンも収録されています。収録されているアイコンをいくつか紹介していますので、以下よりご覧ください。

詳しくは以下

(続きを読む…)

続きを読む
posted 10:00  |  
Category: Design   
このエントリーをはてなブックマークに追加
2013年07月20日

ミニマルデザインサイトのインスピレーション30「30 Beautiful Minimalist Web Designs」

究極なシンプルをテーマにデザインされるミニマルデザインサイト。要素が限られるだけに、バランスやどんな要素やグラフィックを取り入れるのかがとても重要になってくる、ある意味難しい種類のデザインでもあります。今回はそんなミニマルサイトをデザインする際に是非参考にしたいインスピレーション30「30 Beautiful Minimalist Web Designs」を紹介したいと思います。

minimal1
Alistair Lane

シンプルかつクオリティの高さを感じさせるデザイン事例30種がまとめられています。

詳しくは以下

(続きを読む…)

続きを読む
posted 10:31  |  
Category: WebDesign   
このエントリーをはてなブックマークに追加

過去の記事からランダムで表示

2015年10月02日

いろいろな種類の最新フリー素材をまとめた「50 Free Resources for Web Designers from October 2015」

日々、さまざまな種類の素材がフリーでダウンロードできるよう配布されており、常にチェックされている方も多いのではないでしょうか?そんな中今回紹介するのは、いろいろな種類の最新フリー素材をまとめた「50 Free Resources for Web Designers from October 2015」です。

free1102_4
10 Free and Gritty Photoshop Brushes Made With Tea

フォントやアイコン、UIといった種類のフリー素材が厳選され紹介されています。気になったものをピックアップしましたので、下記よりご覧ください。

詳しくは以下

(続きを読む…)

続きを読む
posted 10:10  |  
Category: Design   
2010年06月29日

WEBのユーザー動向を確認できるヒートマップが作成できるサービス色々「7 Incredibly Useful Tools for Evaluating a Web Design」

アクセス解析によって、様々なデータを見ることができ、解析していくと、様々な傾向をしることができるのですが、ユーザーがどの部分を見ていて、どんな動向をしているのかというところまで読み取るには時間がかかります。今日紹介するのはユーザーのクリックの位置をヒートマップで見せてくれるサービスをまとめたエントリー「7 Incredibly Useful Tools for Evaluating a Web Design」。

07_clicktale_example
ClickTale

ASPサービスから、オープンソースまで、幅広く紹介されていますが、今日は紹介されているヒートマップツールのなかからいくつか紹介したいと思います。

詳しくは以下

(続きを読む…)

続きを読む
2015年05月05日

なめらかな質感が特徴 フリースクリプトフォントまとめ「Handpicked Free Script Fonts for Commercial and Personal Use」

筆記体の欧文フォント・スクリプトフォント。女性らしい繊細なラインのものが多く、きれいめなデザインに使用されることが多いフォントです。今回はそんなフリースクリプトフォントまとめ「Handpicked Free Script Fonts for Commercial and Personal Use」を紹介したいと思います。

script0505_4
AdineKirnberg-Script Font · 1001 Fonts

個人・商用どちらでも利用できる、なめらかな質感のフォントがピックアップされ紹介されています。

詳しくは以下

(続きを読む…)

続きを読む
posted 02:16  |  
Category: Font   
2014年01月28日

ハイクオリティなデザインに仕上げられる 6つのフリーフォント「6 Brand New Fonts For Designers」

デザインのイメージが変わってしまう程、デザイン制作の中でフォントはとても重要な存在。しかし、なかなかデザイン性の高いフォントが見つからない時もあるのではないでしょうか。今回はそんな時に是非おすすめの6つのフリーフォント「6 Brand New Fonts For Designers」を紹介したいと思います。

6font0128_0
Typography: Font "Aurora" on Behance

ハイクオリティなデザインフォントが揃っており、使用するだけでおしゃれな雰囲気を演出できそうです。

詳しくは以下

(続きを読む…)

続きを読む
posted 10:00  |  
Category: Font   
2012年02月29日

季節を感じられる落ち葉や枯れ葉のテクスチャまとめ「25 Free Dried Leaf Textures」

季節感を大切にする日本では、広告などにそれぞれの季節を演出したデザインを手がけることも多いはず。そんな中今回紹介するのが、秋や冬の雰囲気を表現できる、落ち葉や枯れ葉のテクスチャをまとめた「25 Free Dried Leaf Textures」です。


dried-leaf-textures-19.jpg (JPEG 画像, 2272×1704 px) – 表示倍率 (50%)

紅葉感のきれいなテクスチャから、完全に枯れてしまった葉を映し出したテクスチャまで、さまざまなテクスチャが紹介されています。中でも気になったものをいくつかピックアップしましたので、下記よりご覧ください。

詳しくは以下

Wet Leaves Texture by `FantasyStock on deviantART
落ち葉に当たる太陽の光が美しいテクスチャです。冬ならではの美しさを感じられるのではないでしょうか?


 
 
 
 
 

leaves texture by ~Blastermind on deviantART
枯れ葉の中に混ざったカラフルな葉がきれいなテクスチャです。葉っぱ素材を使うにあたって、個性を強調したい時におすすめ。


 
 
 
 
 
 
dried-leaf-textures-8.jpg
神秘的な自然の趣きが美しく表現されています。一枚の画像としての力強さも、模様の抽出にも、多用途に利用できるテクスチャだと思います。


 
 
自然ならではの美しさを感じる素材ばかりが紹介されています。他にもたくさんのテクスチャが紹介されていましたので、気になる方は是非原文もチェックしてみてください。

25 Free Dried Leaf Textures | Web Design Core

続きを読む
posted 05:12  |  
Category: Design   
2009年08月09日

ナビゲーションメニューのPSD素材「PSD website navigation menus set」

WEBを構成する要素で重要な要素の一つ、ナビゲーション。ユーザーが実際操作する所だけあってそのサイトの印象を決めると言っても過言ではない部分です。今日紹介するのはそんなシンプルなナビゲーションの素材をセットにしたPSD素材集「PSD website navigation menus set」を紹介したいと思います。

website-navigation-menu

基本的には同じ構成、配置になっていますが、ナビゲーションバーの中のイメージが微妙に変わっています。

詳しくは以下

(続きを読む…)

続きを読む
posted 09:35  |  
Category: Design , Photoshop , WebDesign   
2009年02月10日

写真を美しくするphotoshopアクション60選「60 Photoshop Actions for Photo Touch-Ups and Enhancements」

写真補正にとても便利なソフトウェアphotoshop。かなり高機能で、どんな写真でも手をかけて補正すれば見違えるようになりますが、今回紹介するのはそんな手がかかるレタッチを一瞬で可能にしてくれるphotoshopのアクションを集めたエントリー「60 Photoshop Actions for Photo Touch-Ups and Enhancements」を紹介したいと思います。


Photo Colouring 11.2

主に人物や風景に対してかけるレタッチのアクションがまとめられていますが、今日はその中から特に気になったアクションをいくつか紹介したいと思います。

詳しくは以下

(続きを読む…)

続きを読む
posted 10:46  |  
Category: Design , Photoshop   
2013年06月24日

表現力が高いグランジテクスチャまとめ「25 Free Grunge Textures For Designers」

雰囲気を感じさせるデザイン制作に欠かせないグランジテクスチャですが、毎回デザインする度にグランジ素材から制作していては、制作時間がどんどん増えてしまいます。そんな中今回紹介するのが、グ表現力が高いグランジテクスチャをまとめた「25 Free Grunge Textures For Designers」です。

dd_grunge_01
Hot Pink Industrial Grunge Texture

シックな雰囲気のテクスチャから印象的なテクスチャまで、さまざまなテイストの素材が紹介されています。中でも気になったものをいくつかピックアップしましたので、下記よりご覧ください。

詳しくは以下

(続きを読む…)

続きを読む
posted 08:50  |  
Category: Design   
2015年08月28日

デザインにセンスの良い素材を フリーフォントまとめ「20 Free Fonts for Graphic and Web Designers」

フォント選びは非常に重要なものであり、デザインに最適なものをしっかりと見極め選定することで出来栄えが違ってきます。そんな中今回は、デザインに優れたセンスをプラスできるフリーフォントまとめ「20 Free Fonts for Graphic and Web Designers」です。

font0828_3

シンプルベースなタイプから、フォントだけで個性的なデザインがされているものまで、いろんな種類が紹介されています。気になったものをピックアップしましたので、下記よりご覧ください。

詳しくは以下

(続きを読む…)

続きを読む
posted 11:59  |  
Category: Font   
2010年12月16日

テクスチャを効果的に使った、素晴らしいWEBデザイン集「40 Excellent Examples of Texture in Web Design」

WEBデザインをつくり込む時に、非常に便利なテクスチャ。細かな作り込み感を演出し、クオリティを上げてくれますが、今日紹介するのはテクスチャを効果的に使った、素晴らしいWEBデザイン集「40 Excellent Examples of Texture in Web Design」


August Interactive

様々なジャンルで、テクスチャを効果的につかったWEBデザインがまとめられています。今日はその中からいくつか気になったものを紹介したいと思います。

詳しくは以下

Big Related
シンプルで洗練されたWEBデザインにレトロな質感のテクスチャが見事にはまったWEBデザイン。


 
 
 
 
 
Ryan Scherf
様々なテクスチャが複合的に組み合わさって作られた、非常に質感溢れるWEBデザイン。


 
 
 
 
 
Pop the Box
POPなテクスチャを効果的に使ったWEBデザイン。難しそうなテクスチャですが、キレイにまとめてあります。


 
 
上記の他にも様々なWEBデザインが公開されています。WEBデザインをもう一つランクアップさせたいと思っているWEBデザイナーには良いインスピレーションではないでしょうか?

40 Excellent Examples of Texture in Web Design | Inspiration

続きを読む

Sponsor

このブログを購読する

facebook
twitter
rss

Designdevelopについて

デザインを開発するという視点からデザイン、WEBデザインに役立つ情報をお伝えします。

ご意見、ご感想、連絡事項があればFacebookページよりお願いたします。

※当サイトのに掲載されている一部画像、スクリ-ンショットに文章に置いては第三十二条で定められる引用の範囲で使用していますが、万が一問題があればFacebookページからご連絡ください。即刻削除いたします。
※本ブログの「プライバシーポリシー」です。

関連サイト

Designdevelopの姉妹ブログ、毎日のインスピレーションに!をコンセプトに、グラフィックデザインからプロダクトデザインまでクリエイティブをテーマに取り上げていくブログ「DesignWorks」を運営中。
VR・ウェアラブル・センシングなど様々な技術が一般化され、手に届く範囲で製品化が進んでいます。VR MEDIAは拡張する現実から未来を探るBLOGです。
Template deisgn by iDEACLOUD inc.
トップに戻る