Google検索から始めるゼロベースUIデザイン学習

昨日から始めた「UIデザイン」の勉強ですが、前回の宣言通り下記の1から始めました。

1.Googleで検索、まとめ系やそれっぽい情報を見つけて、キーワードや全体感を把握する

Google検索でいくつか記事やサイトを見ている内に、気づいたことがありました。

漠然と「UIデザイン」を学習しても、中学高校の英語の勉強と同じくらい実用的でない。

なので、まずは実用的な目に見える形での「ゴール」を設定することにしました。

1.HoteKan【アプリ】のUIデザインの改善
2.HoteKan LP【Web】のUIデザインの改善
3.HoteKan パンフレット【】のゼロベースでのデザイン作成

Googleで「UI デザイン」と検索すると、アプリのUIであったり、WebサイトのUI、更に掃除機や洗濯機といった製品レベルのUI、と対象となるものが色々混在して出てきてしまうことが分かりました。

なので、まずは【アプリ】のUIデザインについて集中的に学習して、実際にHoteKanのデザインを改善してみたいと思います。その後で【Web】、そして【】へと対象をしっかりと分けて深堀りしていきたいと思います。

「UI デザイン」の検索ワードに「アプリ」を追加してみると、大きく3つの情報が出てくることが分かりました。

1.デザイン上の心構え
2.イケてる(流行りの)実例まとめ
3.デザインツールとテンプレート

1の「デザイン上の心構え」をサラッと読んで重要な要素をメモして、直ぐに2の「イケてる実例」を見ながら具体的な目標イメージを作りたいと思います。また、実際にデザインをしていく上で、直ぐに実装できるかどうかも非常に重要になってくる為、3の「デザインツール」を比較して使いやすいものを選定して実際に使ってみて、更に、実装が容易でイケてる「テンプレート」を多く把握することが【アプリ】のイケてるUIデザイン作成上最速ではないかと理解しました。

次回、一発目の「デザイン上の心構え」をまとめていきたいと思います。

関連記事

  1. UIデザインの前提理解【本での理解編①】

  2. UIデザインの前提理解【本での理解編③】

  3. UIデザインの実践練習

  4. UIデザインの前提理解【本での理解編④】

  5. プロジェクトにおける「言葉」「絵」の重要性

  6. アプリ設計におけるUI検討の難しさとAdobe XD

  7. UIデザインの実践練習【リアル編】

  8. CSS/UIフレームワークに対応したAdobe XDのUIキット一覧

最近のBLOG

  1. 2024.03.19

    TRY ANGLE EHIME
  2. 2024.01.2

    仕事始め
  3. 2023.12.30

    良いお年を
  4. 2023.12.5

    LAUNCHPAD SEED
  5. 2023.06.7

    山走り
PAGE TOP