logo-idv ico_pp

新卒UI/UXデザイナーが学習の参考にしたサイト、書籍10選

デザイン

新卒UI/UXデザイナーが学習の参考にしたサイト、書籍10選
こんにちは。今年4月に新卒入社した、インディバルUXデザイン推進室所属のデザイナーMです。
インディバルにはアドバイザー制度というものがあり、入社してから約一年の間、デザインやコーディングのことから社内環境についてまで、先輩社員の方がサポートしてくれます。しかし、先輩に質問するだけではなく、まずは自分で調べて見る、やってみることが大切です。
 
そこで今回は、私がこの半年間の中で、これはとてもためになると思ったサイトや書籍を紹介したいと思います。私と同じような新卒デザイナーの方や、これからUI/UXデザイナーを目指そうと考えている学生さんにも、学習する際の参考になれば良いなと思います。
 
 

Webサイト

 

Cocoda!

https://cocoda-design.com/
Cocoda!
UI/UXデザイナーとしての実践的な力と経験を身につけるためのサービスです。クライアントからの依頼を想定したお題が複数あり、そのお題に沿ったUIを作成するといった内容です。日本版Daily UI Challengeといった感じです。
作ったデザインはポートフォリオとして提示できるので、就活前の学生さんの腕試しにもおすすめのサイトです。私はAdobeXDの操作の練習のためにはじめましたが、操作も覚えてデザインの勉強にもなるので一石二鳥です。デザインスキルアップだけでなく、普段作ることはないジャンルのUIデザインのリサーチをするという面でも勉強になります。
 

Progate

https://prog-8.com/
Progate
プログラミング初心者でも楽しく学ぶことができる学習サイトです。
インターン時代からこちらのサイトでHTMLの勉強をはじめましたが、可愛らしいイラストを使ったスライド、実際にプログラムを書いて学んでいくという工程がとてもわかり易かったと感じます。デザインは好きだけどコーディングに苦手意識があるという方はたくさんいると思いますが、このサイトを使って少しでもその苦手意識がなくなればいいなと思います。
 
 

サルワカ

https://saruwakakun.com/
サルワカ
デザインからコーディングまで、猿でも分かるがテーマの解説サイトです。
コーディング初心者は覚えることが多すぎて「何がわからないかわからない・・・」という最悪の状態に陥ることも少なくないです。そういった時にこのサルワカを見ると、わかりやすい図を使って丁寧に説明されています。一番お世話になった記事はdisplayプロパティの使い方を説明したこちら(https://saruwakakun.com/html-css/basic/display)です。
 
 

chot.design

https://chot.design/
chot.design
今年の7月からスタートした新しいデザイン学習サイトです。
レッスンは全て無料でスキマ時間にちょっとだけ勉強可能なサイトです。リリースしたばかりで記事は少しづつ増えていく段階ではありますが、webだけでなく名刺や写真加工のコツまで紹介されているので新人デザイナーにとってはとてもいいサイトだと感じ、定期的にサイトを訪問しています。
 
 

伝わるデザイン

https://tsutawarudesign.com/
伝わるデザイン
こちらのサイトはデザイナーのためのサイトというわけではなく、プレゼン資料の情報をわかり易くデザインするコツとは何かを紹介している、千葉大学の研究員の方が作成したサイトです、
見やすく、伝わりやすく、見栄えが良いプレゼン資料を作るために必要な基本ルールやテクニックなどを紹介しています。情報を伝えるコツ、見やすいレイアウトなどはUXデザインの参考にもなります。
 
 

Note

https://note.mu/notemag/m/m57787022cedc
Note
#デザイン 記事まとめ というハッシュタグで毎日検索しています。比較的UXに関する記事が多いと思います。ロゴデザインやリブランディングの過程を紹介した記事や、他社の勉強会で発表された資料などの記事があり勉強になります。
 
 

Pinterest

https://www.pinterest.jp/
Pinterest
こういう記事にはかなりの確率で出てくるpinterest、lpのデザインからお菓子のパッケージの画像まであり、見ていて飽きません。こういうサイトかっこいいなと思ったらとりあえず保存しておいて、実際に制作するときの参考にしています。色合いの参考などにも使っています。
 
 

書籍

 
 

なるほどデザイン

筒井美希 (著)
引用元: 『なるほどデザイン〈目で見て楽しむ新しいデザインの本。〉』より
なるほどデザイン
表紙のインパクト大で本屋さんで見たことがある方も多いと思います。
デザインに関するものごとを「目で見て楽しめる」形にまとめた書籍です。「デザイン=たのしい」というコンセプト通りに、見ていて新しい発見がある楽しい本です。この本の著者の方と同じ学科を卒業しているのですが、大学の授業で習ったことがいくつかよりわかりやすく紹介されています。当時は「こんな事やって意味あるのかな」と思いながら作業していましたが、今こうして読んでみると大切なことを教わってたのかなとしみじみと感じます。
サイトもかわいいのでオススメです。
なるほどデザイン 目で見て楽しむデザインの本。(公式サイト)
 
 

けっきょく、よはく。

ingectar-e (著)

引用元: 『けっきょく、よはく。 余白を活かしたデザインレイアウトの本』より

けっきょく、よはく。
新米デザイナーのいまいちさんと、ベテランデザイナーのシュッと先輩の作品を並べてどう改善していけば良いのかを6ページずつ解説していく本です。普通のデザインをおしゃれなデザインに変えるポイントを解説しています。けっきょくよはくという題名ですが余白以外も大切だということが分かる本です。
こちらの書籍の続編「ほんとに、フォント」も参考にしています。
 
 

デジタル時代の基礎知識『ブランディング』

山口義宏 (著)
引用元: 『デジタル時代の基礎知識『ブランディング』 「顧客体験」で差がつく時代の新しいルール』より
デジタル時代の基礎知識『ブランディング』
ブランディングの本はどれも難しく書かれているものが多かったのですが、この本は説明もわかり易く、ページごとにわかりやすくまとめた図で説明がされていて頭に入りやすいのが特徴です。デザインに直接関係がある書籍ではありませんが、ブランディングに興味のある方は読んでみてほしい本です。
  
 
以上になります。
入社してから半年がたちますが、まだまだ知らないことがたくさんあります。
知らないことがたくさんあり、毎日成長できるというのは新人の特権だと思うので、これからも頑張って勉強していきたいと思います。
最後までお読みいただきありがとうございました!
 
 

執筆者プロフィール

2019年に新卒入社したデザイナーです。サブスク解禁、SNS解禁、国立競技場ライブ決定という勢いにつられ、先週嵐のファンクラブに入会しました。千葉県育ちなので相葉くんを一番応援しています。好きな曲は「truth」です。