見出し画像

iPhone / PCでスキマ時間にデザインをインプットする方法

皆さんは普段どのようにPCやスマートフォンで新しいデザインを見つけますか?

色々とみなければならないとは思いつつ、気がついたら他のことをしていたということもあるかもしれません。

そこで今回は、わざわざデザインギャラリーサイトを訪れて見に行く習慣がない、もっと手軽に新しいデザインを観察できるようにしたいという方に向けて記事を書いています。

この記事が皆さんの刺激の一つになれば嬉しいです!

1.ふとした時にデザインに出会う

iPhoneでインプット

iPhoneのウィジェット機能を使うことで、ホーム画面上に様々なデザインイメージが流れるようにします。

💡 ウィジェットとはiOS14になってから iPhoneに現れた機能です。

ウィジェットは通常のホーム画面アイコンよりも大きいアイコンを利用し、よく使うアプリなどにすぐアクセスできます。

デザインギャラリーを表示できるサービスはPinterest、Behanceがありますがこの記事ではPinterestのウィジェット機能をご紹介します。

Pinterestのウィジェット

ピンタレストは画像を軸にインテリアやデザイン・イラストなどを探すことのできるサービスです。
Pinterestのウィジェット機能では以下の二つの分類があります。

・自分・他のユーザーのボードをランダムに流す(カップケーキのアイコン)
・Pinterestがおすすめするトピックをランダムで流す(雲のアイコン)

Pinterestウィジェット

今回お勧めするのはボードを表示させるウィジェットです。
それでは登録の手順を見ていきましょう!

❶ホーム画面からPinterestのカップケーキアイコンのウィジェットを選択しホームに表示させる

❷長押ししてメニューを表示させウィジェットを編集をタップ

Pinterestウィジェット

❸ユーザーを選択して自分やPinterestでフォローしているユーザーを選択しボードを選択

アップデートは1時間ごとにしておきましょう!

Pinterestウィジェット

💡 デザイン初心者・新人の方にはグラフィックを読んで学ぶ | デザイン研究所(デザ研)さんのアカウントがおすすめです!

デザインTIPSをイラストやテキストで一枚の画像に収めて伝えていて、Pinterestだけでなく、WebサイトやInstagram、Twitterなどのアカウントもあります。

❹完了!

Pinterestウィジェット

これをホーム画面のどこかに置いておくことでスマホを触ってふとした際に見ることができます。

PCでインプット

Chromeの拡張機能でインプット

Chromeの拡張機能で新しいウィンドウを開くとき常にデザインギャラリーが表示されるようにします。

Muzli 2 - Stay Inspired

Muzli 2

Muzli 2 - Stay InspiredはDribbble・Behanceなど投稿ギャラリーやMuzliがピックアップしたデザイナー向けサイトの画像などを一覧で見ることができます。
ソースは120ほどとデザイン収集などに困らない数です。
いくつかデザインギャラリーを表示できる拡張機能サービスはありますが、以下の点からMuzliがおすすめです。

Muzliのいいポイント

  • UIが整っていて見やすい

Muzli 2

ざっと表示されすぎず、ピックアップされたものが見やすいです。リソースが左の丸アイコンで並んでいるので関心に応じて編集できます。

  • ブックマークをつけやすい

Muzli 2

忙しいふとした時にでも表示画面を押せば簡単にブックマークできます。保存したものは右上のブックマークアイコンの遷移先にあります。

  • よく訪れるサイトをアイコンで表示してくれる

Muzli 2

デザインギャラリーだけでなくその他のよく訪れるサイトもここに自動でサジェストされています。(一部隠しています。)

自分の使いやすいようカスタマイズして見てください!

(おまけ)自分からデザインに会いに行く

デザインギャラリーサイト

特筆するまでもなく、デザイナーの皆さんならばデザインギャラリーを閲覧する機会も多いと思いますが、一応私よく見るデザインギャラリーを2つご紹介します!

毎日巡るのが面倒という方は、SlackでRSS連携などして新着が来たら見にいくくらいでもいいかもしれません。

SANKOU!

https://sankoudesign.com/

いいポイント

・更新がマメで登録日が記載あり

登録された日付も表示されています。そのため検索で探す際にも少し古いデザインかどうかの判断もできます。

・お気に入り登録ができる

会員登録をしなくてもお気に入り登録ができます。気になったサイトをお気に入りにして振り返りに役立てましょう。

Webdesign Clip

https://webdesignclip.com/

いいポイント

・サイトにつけられている分類タグが確認できる

Webdesign Clip
Webdesign Clip

カードをホバーすると外部共有アイコンと虫眼鏡アイコンが出てきます。
虫眼鏡をクリックするとそのサイトを分析した結果つけられているタグもチェックできます。似たサイトを探したい時に便利です。

・海外のサイトも集められている

海外にもギャラリーサイトはいくつかあるものの、巡るのは大変です。
WebDesignClipでは海外のサイトも集められているため他のギャラリーにはないインスピレーションを得られます。
紐付けられているタグは日本のサイトと同じです。こちらも参考にして見てください!

Webdesign Clip

さいごに

デザインを学ぶためには、まずは良いデザインを知ることが大切だと思います。やることが多く大変ではありますが、スキマ時間を使って効率的にインプットできるようにしていきましょう!

森永ラムネ代にしたいと思います!