マガジンのカバー画像

STUDY TOOLS

18
UI/Webデザインを勉強に役立つ動画や書籍、WEBサイトをクリップしています。
運営しているクリエイター

#UI

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

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

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

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

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

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

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

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

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

もっとみる
Figmaでつくるデザインシステム設計#1 Atoms作成まで

Figmaでつくるデザインシステム設計#1 Atoms作成まで

まずは、figmaを開く前に要件整理を行います。

デザインシステムを作る目的デザインの一貫性を担保し、デザイナーがユーザーが期待する機能性やユーザビリティを素早く提供できるようする。また、デザインシステムを実行した結果として迅速にKPIを達成できるツールとして機能することを目指している。

メリットと留意点サービスをまたいで一貫したUXデザインを実行することができる。
コンポーネントが標準化され

もっとみる