ほぼ日刊サービス開発日誌

React, firebase, 機械学習など

sponsored

Dribbbleとかpinterestを1日3hダラダラ見る私の思う最近のウェブデザインのトレンド

トレンドだなあと思うこと:

  • でかいタイポグラフィ
  • 写真のクオリティが高い
  • ミニマル・cleanなデザインで, 面積あたりの情報がすくない
  • 文字を減らしアイコンに. アプリっぽい操作感
  • 拡散型シャドウによる奥行き感
  • 強めのコントラスト
  • Apple 風のグラデーション(gradient ui にありそうなやつ)

クリックで作品ページにジャンプします。

https://cdn.dribbble.com/users/990518/screenshots/2397349/yim-mock01.png

https://cdn.dribbble.com/users/581199/screenshots/3299965/designer-profiles-part-3.png

https://cdn.dribbble.com/users/519911/screenshots/3748767/dr.png

https://cdn.dribbble.com/users/581199/screenshots/3691125/3-form.png

https://cdn.dribbble.com/users/62319/screenshots/3735577/designbetter-dribbble-announcement-2.gif

https://cdn.dribbble.com/users/168777/screenshots/3139631/article_cards.jpg

https://cdn.dribbble.com/users/987543/screenshots/3730605/22.png

https://cdn.dribbble.com/users/303276/screenshots/3739113/alpacorn_drb.png

https://cdn.dribbble.com/users/27547/screenshots/3703608/beautiful_norway.jpg

https://cdn.dribbble.com/users/1150809/screenshots/3748064/800x600.png

https://cdn.dribbble.com/users/231089/screenshots/3752607/shot.png

https://cdn.dribbble.com/users/440947/screenshots/3747633/bont-styl-landinganimation.gif

https://cdn.dribbble.com/users/440947/screenshots/2803395/dribbble_shot.png

https://cdn.dribbble.com/users/148889/screenshots/3762630/magicclub.gif

https://cdn.dribbble.com/users/940079/screenshots/3744155/dribbble_console_animation.gif

https://cdn.dribbble.com/users/594224/screenshots/3389839/azymut_lp_dribbble.gif

https://cdn.dribbble.com/users/206436/screenshots/3730005/v-2.gif

https://s-media-cache-ak0.pinimg.com/564x/02/37/89/023789f48614229ac7987ea785833ba1.jpg

https://cdn.dribbble.com/users/346068/screenshots/2699205/shot.gif

https://cdn.dribbble.com/users/346068/screenshots/2613990/covd.png

https://cdn.dribbble.com/users/346068/screenshots/2681175/cove.png

番外編

TED.

f:id:serendipity4u:20170826201238p:plain

mit media lab.

f:id:serendipity4u:20170826203453p:plain

airbnb.

見るたびにホーム画面のデザインが変わってる気がする. デザインとしてはどんどん削いでオーソドックスな形になっているけど、〜円の収入が得られます、みたいなポップアップが追加されたりしている.

f:id:serendipity4u:20170826201244p:plain

まとめ

スマホライクなアプリ的・カード的デザインへのシフト.

拡散型シャドウやホバーエフェクト・スクロール(scroll magicなどのライブラリ利用)によるリアルオブジェクトっぽい感じ.

引き算の美(実際には、インタラクティブなエフェクト作ったり、ピクセル単位の厳密な調整でクリーンさを実現してたりして、工程的には足し算な気もするけど)いい…..

エンジニアのデザイン的に果たす役割の増大(svg画像を動かしたり, サーバーサイドjs動かしたり)を感じます.