マガジンのカバー画像

今日のUIデザイン

8
UIデザインをためていく場所 アウトプット画像と分析、メモをちょこちょこ書きます
運営しているクリエイター

#UIデザイナー

今日のデザイン#08

今日のデザイン#08

今日は、
ガイドラインを学びつつ音楽アプリの一画面を作りました!

◉気づいたことダークモードのUI設計について
ガイドラインに書かれていることや気をつけるべきことを
別件で知ったばかりだったので

これはダークモードではないですが
黒ベースということで
少しその知識を活かしながら作ることができました

具体的には
ダークモードのUI設計で
真っ黒(#000000)を使うと
コントラストが大きすぎ

もっとみる
今日のデザイン#07

今日のデザイン#07

今日は、
情報の優先順位を反映させたレイアウトの練習のLPでした

情報に優先順位をつけて整理
伝えたい情報が1番に伝わり、
目線の動きに合わせたレイアウトを学びました。

◉気づき目線の動きにあってる!!

サービスの特徴の見出しの下で
STEP1はテキストが左、画像が右
STEP2はテキストが右、画像が左、、、

というのがとても見やすかったです。
この左右が逆だったらなんとなく違和感があって

もっとみる
今日のデザイン#06

今日のデザイン#06

今日は
カフェの雰囲気を伝えてお店に興味を持ってもらうwebでした

◉気づいたこと(メモ)ファーストビューで写真を大きく使っていること、
そして写真の数が少ない(たくさん写真を使いすぎていない)ところでも
このカフェの雰囲気が出ていると思いました。

ヘッダーはH80px
コンテンツエリアはW1280pxに対して960pxでした。

◉見本と変えた点写真の幅の右端をコンテンツエリアと揃えてみまし

もっとみる
今日のデザイン#03

今日のデザイン#03

今日は「反復」の練習で
バイト検索サイトのUIをデザインしました

◉考えたことメモ
縦スクロールしてバイトを探すサイト
なので1つ1つの募集情報を表すカードが
スマホの縦幅ぴったりで切れてしまわないように(語彙力)
した方がいいと思いました

これでいうと3枚目のカードが途中で切れるようになっています

ぴったりで切れてしまうと
もうスクロールするものがないのかな?と思わせてしまうかも。
まだま

もっとみる