TOP

Daily UI #004 / 005 / 006

アプリデザイン
  • コミュニティアプリ
  • その他
DailyUI004-006

制作範囲

  • デザイン
  • 企画

制作ツール

  • Figma

制作期間

  • 4時間 ~ 5時間

Daily UI #004「Calculation」電卓

電卓UIデザイン ライトモード
電卓UIデザイン ダークモード

デザイン概要

電卓アプリということで日頃から電卓をよく使用する業種をChatGPTから作成し「公認会計士」のペルソナを作成し、税率計算ができる電卓アプリデザインを作成しました。

アクセシビリティに考慮し、フォントのサイズ変更やライト/ダークモードを想定しています。

制作過程を以下の記事でまとめております。

Daily UI #005「App Icon」

Yuuki-PortFolioアイコン
Cafe Mitake アイコン
CosComi アイコン

デザイン概要

私が制作したポートフォリオ作品に関連するアイコンを作成しました。

Yuuki PortFolio

当サイトのアイコンは「積み重ね」を意味しており、スキルの入った箱を日々積み上げていくという意味があります。

今回はアプリのアイコンらしくデザイン性を持たせたく本来のロゴとは少し違う立体感を持たせたデザインを作りました。

Cafe Mitake

奥多摩の道中にある御岳渓谷の大自然に囲まれたカフェがコンセプトの元、緑をベースにした自然をイメージしたアイコンにしました。
コーヒーカップの取っ手と小皿を含めた中央配置はかなり難しいものがあり、横幅や見た目で逐一調整しました。

CosComi

コスプレ特化型アプリ「CosComi」のアプリアイコンです。

コスプレ活動を充実させるためのコミュニティアプリということで英語でCosplayの「C」の中に握手のイラストを入れることで、コスプレを通じた交流アプリであるメッセージを持たせています。

Daily UI #006「User Profile」プロフィール

プロフィール画面_投稿
プロフィール画面_ブログ投稿

デザイン概要

現在製作中のコスプレ特化型アプリ「CosComi」のプロフィール画面のUIデザインを作成しました。

システム要件を定義した際に、インスタグラと同形式の画像投稿や制作記録・日記などを投稿できるブログ機能をあらかじめ定義していたためデザイン構成はスムーズに進みました。

制作過程を以下の記事でまとめております。