UI研修#04 ワイヤーフレーム制作フロー

August 21, 2023

Design

130

UI研修#04 ワイヤーフレーム制作フロー

社内のUIデザイナー全員を対象としたUI研修の資料です。
第4回目は、UX/UI制作の工程のひとつである「ワイヤーフレーム制作」をさらに分解し、「情報設計」「画面フロー検討」「画面レイアウト検討」の3パートに分けて説明しました。

f4samurai
PRO

August 21, 2023

Tweet

More Decks by f4samurai

See All by f4samurai

CEDEC2023｜『コードギアス反逆のルルーシュロストストーリーズ』 IPタイトルの世界観を崩さない為の UI/UXデザインの進め方

0

70

株式会社f4samurai｜会社紹介資料

0

36k

UI研修#01 デザインの基本フレーム

1

210

UI研修#03 UX/UIデザイン制作フロー

0

360

UI研修#05 わたしのUI思想

0

110

UIデザインワークショップ UIデザインの基礎と実践

0

420

Other Decks in Design

See All in Design

0

380

Managing Design Systems (Smashing NY 2024)

2

280

なぜデフォルトが青色！？ Tint Colorの理由に迫る

0

440

ノンデザイナーでもできる。直感的で使いやすいUIの設計方法

9

7.8k

Памятка-раздатка по Карте процесса-опыта, А4

1

370

効果的な管理画面をデザインをするために避けるべき5つの罠

13

5.8k

デザインできるもの、できないもの | Designship 2024 | Yasuhiro Yokota

2

790

コンセプトで経営・事業・組織を動かす、 Ameba20周年ブランディング / ameba-20th-branding

cyberagentdevelopers

1

260

デザインシステム×プロトタイピングで挑む社会的価値の共創 / Designship2024

visional_engineering_and_design

1

180

太田博三(@usagisan2020)

0

180

Fleet Gas Station

0

130

Night Shift concept 9/15/2024

0

740

Featured

See All Featured

[RailsConf 2023] Rails as a piece of cake

51

4.9k

Product Roadmaps are Hard

48

10k

Making the Leap to Tech Lead

132

8.9k

29

13k

Save Time (by Creating Custom Rails Generators)

27

790

CSS Pre-Processors: Stylus, Less & Sass

355

29k

Documentation Writing (for coders)

65

4.4k

Designing Dashboards & Data Visualisations in Web Apps

228

52k

GitHub's CSS Performance

1030

460k

How to Create Impact in a Changing Tech Landscape [PerfNow 2023]

46

2.1k

The Art of Programming - Codeland 2020

51

13k

Music & Morning Musume

46

6.1k

Transcript