マガジンのカバー画像

デザイン

2
本
運営しているクリエイター
森　浩輝
重松佑 / Shhh inc.

重松佑 / Shhh inc.

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

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

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

0. 情報設計とトン

もっとみる
平田 / U-NEXT

平田 / U-NEXT

いちばん詳しい Sketch / XD / Figma / Studio の比較  〜1. 導入と背景知識

いちばん詳しい Sketch / XD / Figma / Studio の比較  〜1. 導入と背景知識

平田です。普段は個人のブログに記事を書いているので、ちゃんとしたnoteを書くのはこれが初めてです。

Sketch, Adobe XD, Figma, InVision Studio について徹底的に比較を行ったので、知見をまとめたいと思います。量がかなり多いので、いくつかの記事に分けて紹介します。

1. 導入と背景知識 ◀イマココ
2. 基本項目の比較
3. デザイン機能比較
4. シ

もっとみる