第1章 UIデザインとは何か 吉竹 遼

「UIをデザインする」。今では聞き慣れた言葉かもしれませんが、そもそもUIデザインとはなんでしょうか。 また、現在に至るまでUIデザインにはどのような変遷があったのでしょうか。 この章ではデジタルプロダクトを中心に、UIデザインとその歴史についてご紹介します。

第2章 UIデザイナーの仕事の流れ 坪田 朋 吉竹 遼

UIデザイナーの仕事は多岐にわたります。また、事業形態や業態、フェーズによっても内容は異なります。 この章では複数のシチュエーションをもとに、デザイナーの仕事の流れを追いながら、どのような業務をおこなっているのか、誰とコミュニケーションしているのか、その中で必要となる考え方やスキルはどのようなものがあるのかをご紹介します。 この章を通して、UIデザイナーの業務領域や思考プロセスについて学ぶことができます。

第3章 UIの見える部分を学ぶ 池田 拓司 吉竹 遼

デジタルプロダクトのUIデザインを学ぶうえで最初に取り掛かりやすいのが、コンポーネント（部品）やスタイリングの基礎など、視覚的に見える要素を知ることです。 この章の前半ではコンポーネントや画面ごとの特徴や機能、役割をご紹介します。後半では、スタイリングの要素である色やタイポグラフィ、レイアウトなどビジュアル要素の基本についてご紹介します。 この章を通して、デジタルプロダクトにおけるビジュアルの構成要素について学ぶことができます。

第4章 UIの見えない部分を学ぶ 上ノ郷谷 太一 吉竹 遼

UIデザインは、目に見える要素を並べて終わりというものではありません。私たちがふだん目にしている画面の背後には、サービス全体をかたちづくる情報の流れが存在します。 この章ではビジュアルを考える前の段階である情報設計や全体の構造について、身近な例をもとにご紹介します。 この章を通して、デジタルプロダクトの骨格とも言える情報設計について学ぶことができます。

第5章 UIが機能する環境を学ぶ 元山 和之 池田 拓司 吉竹 遼

デジタルプロダクトにおいて、UIがデザインされる場所は主にアプリとWebの2つです。また、アプリには大きく分けてiOSとAndroidがあり、それぞれにお作法とも言えるガイドラインが存在しています。 この章ではプラットフォームごとの特徴や気をつけるべき点についてご紹介します。 この章を通して、プラットフォームごとに適したUIデザインについて学ぶことができます。

第6章 UIをデザインしてみよう 元山 和之 宇野 雄 吉竹 遼

いよいよUIデザインの実践です。と言っても、本書ではデザインツールの詳しい使い方は言及しません。ツールをどのように扱うのか、デザインをするうえでどのようなコミュニケーションが必要となるのか、何を考えながら手を動かすのか、といった思考プロセスやテクニックを中心にご紹介します。 また、例題をもとに、本書の著者陣がどのようなプロセスで進めるのか、といったシミュレーションもご紹介します。 この章を通して、UIデザインの現場で必要となる考え方やテクニックについて学ぶことができます。

第7章 UIデザインができたら 元山 和之 宇野 雄 吉竹 遼

画面がひととおり作れたらUIデザインは終わり、ではありません。そのデザインが適切かどうかを知るには、 プロトタイピングやユーザビリティテストを通して学ぶ必要があります。 また、開発側とのコミュニケーションや、プロダクトがリリースした後の運用など、デザイナーが関わる領域はまだまだあります。 この章を通して、UIデザインが一通り完成したあとのワークフローや考えるべきことについて学ぶことができます。

第8章 UIデザインの前に考えること 上ノ郷谷 太一 坪田 朋 吉竹 遼

「そもそも、なぜUIデザインをしなければならないのか」といった視点に立ち、UIデザインを考える前に考えることについてご紹介します。 この章を通して、デジタルプロダクトをデザインするうえで、ビジュアルや情報設計のさらに前段階にある思考プロセスについて学ぶことができます。

第9章 デザイナー座談会 吉竹 遼

巻末には、本書著者陣による座談会を収録予定です。それぞれの業務の違いや、デザイナーとして何を考えて大切にしているのかといったマインドの部分、今後の展望などについてお話を伺う予定です。