Adobe XDでUIデザインやってみた

私はありました。

また、サポーターズCoLobの『エンジニア向け - わかりやすい「デザイン」の話』という勉強会に参加したのもUIデザインに興味を持ったきっかけの一つです。

この記事では、私がやった事や参考にさせていただいる本やWebサイトを紹介します。

Adobe XDとは

Adobe XDは、共同作業を促進するパワフルで使いやすいプラットフォーム。webサイトやモバイルアプリ、音声インターフェイス、ゲームなどのデザイン制作をチーム全体でスムーズにおこなうことができます。

無料で体験版をインストールできて、チュートリアルである程度の操作を学ぶ事ができます。

Cocoda!というWebサイトでは、UIデザインの基礎練習や毎日のお題に取り組んで力をつける事ができます。また、他のユーザの方のデザインを見る事ができたり、デザイナーを募集してる企業と実際に繋がる事もできるようです。

私も実際にお題に取り組んでみました！

こちらは有名は本です。デザイナーじゃない人のためにデザインの基本となる4つの原則が書かれています。この原則を知ると普段目にするデザインの良い・悪いが言語化できるようになります！

AppleのDeveloperサイトです。文字の大きさは何ポイント以上にするべきか、タップするボタンの要素は何×何ポイントの大きさで作成するべきか、など詳しく書いてありiOSの洗練されたデザインコンセプトを知る事ができます。

無料のカラーパレットツールです。ワンクリックでカラーコードをコピーできて使いやすいです。配色デザインに迷ったときはおすすめです。

デザインってセンスがいるんだろうな〜と思っていましたが、それ以前に、良いと思うデザインはとてもロジカルに作られている事を学びました。