第4回 テキスト入力欄の状態
テキスト入力欄のデザインを考える際に参考になる、状態を網羅しました。また、それぞれの状態を、どのように実装するかをざっくりと紹介するので、実装コスト推測の目安にもなります。
第3回 ボタン・リンクの状態
ボタン、リンクのデザインを考える際に参考になる、それぞれの部品の状態を網羅しました。また、それぞれの状態を、どのように実装するかをざっくりと紹介するので、実装コスト推測の目安にもなります。
第2回 「実装」とは、何か？
Webサイトを構成するHTML・CSS・JavaScriptの役割を整理し、実装を「パズル」にたとえてデザインとのつながりを考えます。
第1回 知ってほしい基本とは、何か？
このシリーズでは、エンジニアの視点で、デザイナーに知ってほしいことをお伝えするシリーズです。第1回では、エンジニアとデザイナーの間にどのようなギャップがあるのかを明らかにします。