何かに行き詰まったときに見るべきサイト10選

こんにちは。Creative.Divでwebデザイナー兼コーダーをやっている滝口です。

みなさんは何か壁にぶつかったり、仕事にに行き詰まったりすること、ありますか？

私はほぼほぼ毎日何かに行き詰まっています！

どんな仕事が来ても華麗にクリアできるようになりたいな！

今回は私がサイトのデザインや設計で行き詰まったり悩んだりしたときに

参考にしているサイトを紹介してみたいと思います。

UIパーツのデザインに行き詰まったとき

企業サイトやLP、ブランドサイトなどのパーツをカテゴリーごとにまとめたサイト。

CTAやFAQなどよくあるパーツのバリエーションやアイディアを考えるときにとても参考になります！

https://gyazo.com/8e9389eb9a5b871353d481937e8d222f

上記サイトと同じコンセプトの英語版。海外のサイトはシンプルなものが多くて良いですね。

https://gyazo.com/d3d3cd0ae319d71961e1b7d76b712968

ユーザビリティを考えるのに行き詰まったとき

Webユーザビリティの第一人者・ヤコブ・ニールセン博士の有名コラムです。

指示通りに作ってみたものの、いまいちピンと来ない。本当に使いやすくなってるかな？と悩んだときや、クライアントからはこんな要望がきているけど、ユーザビリティ的に良く無いかもって思う時に、説得材料を探しに行ったりすることも。

https://gyazo.com/0b20793bdc923cbb8bf178cb16fe8598

インターフェースを直感的で使いやすくするためのベストプラクティス、設計手法、原則を教えることを目的としたユーザーエクスペリエンスデザインブログ。日本語翻訳で読んでますがなるほどな〜と思う記事が時々あります。

UIの改善提案するときのヒントになるかも。

https://gyazo.com/c63b05ed008a34943610bc6c2fb65f83

言わずと知れたUX系の有名ブログです！

https://gyazo.com/5e6f7a8042eecfb23b215a39cdf3f021

設計で行き詰まったとき

googleのプロダクトに適用されているデザインルールがまとまったサイトです。

コンポーネントのルールづくりで悩んだ時や、文字サイズとか余白のルールを考える時に参考にしてます！

https://gyazo.com/f8b0fb9c4821dd1d64ad58a180b7084c

フォントサイズによって字間も変えている

https://gyazo.com/fed755f711e86ad6def7591d22079763

すべての余白が4の倍数。

https://gyazo.com/cbf8fc59416aaf8456d8fb89c3f34dde

Adobeの設計＆デザインツール、XDのUIキットをダウンロードできるサイト。

他人の作ったデザインファイルを実際にダウンロードしてみると、まとめ方などすごく発見があります！

有名サイトの素材も。

https://gyazo.com/8df9ff86ea5661c75e513e2c316e5368

設計で行き詰まったとき：YOUTUBE編

いろんなところでweb系技術の講師をやっていて、過去にはAdobeMAXにも出演されていた森さんのYOUTUBE。

bootstrapのサイト設計をはじめてXDでやったときにお世話になりました。

再生回数は少ないんですが、ガイド設定の計算方法とか、細かい解説が親切。

https://www.youtube.com/watch?v=OPe9bUfrK5g

Adobe関係の最新情報やチュートリアルを配信してます。

煮詰まった時にみる、というよりは煮詰まる前に見るほうがいいかもしれませんw

https://www.youtube.com/watch?v=_7UfA2vVnjk&list=PLF_lcvNhVWn89ycFbQq1OP8Mqj0BlV3B9&index=2

おまけ：人生に行き詰まったとき

行き詰まるときありますよね。たまに。

時々読むと、グッときます。

https://gyazo.com/7fee5f215ba42649fcac16cba2f57615

いろいろなサイトを紹介してみましたが、

本当にもうわからない！助けて！という時は、迷わずチームの仲間に相談しています。

その道のプロや経験者に聞くのが一番良かったりするので。

明日は塩満さんです！