これまでの勉強した（している）ことをマインドマップにまとめてみた。

こんにちは。
WEBデザイン・UIデザインを勉強中のいちかです。
勉強している分野が多岐に渡って来たので、ここでまとめて見ようと思いマインドマップにまとめてみました。

参考になる書籍や動画もまとめていますので、これからデザインを勉強したいと思っている人にも役立つかもしれません。
ただし、私が興味あることで構成されているので、全ての方に合致するものではありません。

これから随時更新していきます

違和感の言語化をトレーニングするnote（Vol.1 残念なECサイト）

こんにちは！
TwitterでWeb制作のあれこれ発信している石油王です！Web制作業界のコミュニティ「シナカフェ 」を共同運営している、実務経験14年以上のフリーランスWebクリエイターの日本人です！

01.この企画を考えた経緯僕がTwitterを見ていると、実在するWebサイトのスクリーンショットを掲載し批評するツイートを見ました。

ユーザー視点からの批評を財産と考えることもあれば、トラブ

Webサイト制作をどれくらいの粒度で分解してタスク化するか

プロジェクトが始まるときにかなり初期の段階でWBSを作ることは多いとおもいます。そのWBSの作成、プロマネやディレクターに任せっぱなしになっていないでしょうか。WBSはスケジュールをガントチャートで表したものを指していると思われがちですが、実はスケジュールだけでなく見積もりやアサインを精度高く行うためにも重要なものです。

たとえば「Webデザイン作成」というスコープにどのような実作業が含まれてい

Webサイトのワイヤーフレームの作り方 ― FigmaやXDを開く前の３ステップ

先日1500ページくらいのやや大きめなコーポレートサイトのワイヤーフレームをディレクター、デザイナー、テクニカル担当、アシスタントという職能や経験もバラバラのチームで共同作成しました。みなが足並みを揃えて進めていけるようにワイヤーフレームの作り方を要素分解して、共通理解を持って作業をできるようにしました。どのような手順や考え方で進めていったのかをnoteにも記しておきます。

0. 情報設計とトン

UI/UXデザイナー就活で2年がかりで編み出した、ポートフォリオの作り方

はじめに

こんにちは。22卒でUI/UXデザイナーになるトビ（@0b1tk）です。デザイナー就活をするにあたり、インターンでも就活でも避けて通れないのが「ポートフォリオ」です。

ここ数年でナレッジ記事が増えましたが、”観点”や”基準”に言及するものが多く「…で、結局どう作ればいいの？」とデザイン知識が全くなかった私自身、デザイナー就活中に頭を悩ませてきました。
（作っては壊してを2年間で5回以

UIデザイン最短習得方法 現役デザイナーが選ぶ勉強法はコレ

BtoBサイトの標準ワイヤーフレームのFigma版を配布します

\ 記事はcaroa design magazineに移動しました！ /

日本国内でデザインシステムに取り組んでいる会社・事例をまとめてみた

海外の事例はいろいろあるので見てきたのですが、国内ではどんな会社が取り組んでいるのか、興味があったので調べてまとめてみました。

「おいおい、この会社が足りないぜ！」というものがあればコメントで教えていただけると喜びます。

WantedlyAtama plusCyberAgentCookpadGMOペパボSmartHRVisionalIncrementsiCareREADYFORfreeeYah

Figmaまとめ

Figmaに関連する記事や便利機能のTipsをまとめていこうと思います。

■Figma公式サイト-

■学習コース-

■Figmaに関連する記事-

■note内で探す-

■Tips-

■コミュニティ

買って良かったUdemyの講座リスト

■UIデザイン

テンプレとかノーコードとか効率化が進んでも求められる(モテる)デザイナーのスキルとは

デザインを解説するカイクン

Figmaでつくるデザインシステム設計#3 Molecules〜Organisms

はじめに今回はFigmaのアセット利用して、Molecules〜Organismまでを作成します。Atomic Designについて、また各要素について引き続き解説します。
#1 Figmaでつくるデザインシステム Atomsまでの解説はこちらから
#2 Atoms〜Moleculesまでの解説はこちら

MoleculeのおさらいMoleculeとはAtomとAtomを組み合わせたものです。