seya's ほぼ Daily UI

〜ほぼ Daily UI vol.65〜 Notes Widget

参考にしたサイト・アプリ iPhone のメモ一覧ではタイトルと最初の数文字を出す note よく見ると画像アップロードとかは固定されるようになってる。Undo も編集中でプライマリーなアクションだから少し大きくなっているのかな Notion デザインを考える上でのポイント一覧では一覧性を高めつつ、選びやすくするどんなこと書いてたっけと言うのが分かりやすいように、最初の数文字を薄く表示させたり、更新日時でソートさせたりなどの工夫が必要。 WYSIWIG にするな

〜ほぼ Daily UI vol.64〜 Select User Type

参考にしたサイト・アプリ dribbble 以外で該当の UI 見つけられなかった。 https://www.pinterest.jp/pin/137148751130535114/ シンプルだけどこれよな全画面でカルーセルで選ぶのいい感じ。ゲームっぽい高低差つけて目立たせるのいいかもデザインを考える上でのポイント効果的なアイコンで選びやすくその User Type が何なのかを視覚的にすぐ掴みやすくするためにアイコン選びが重要。また、選択肢の数にもよると

〜ほぼ Daily UI vol.63〜 Best of 2020

元のお題は2015だけど、あまり覚えてないので2020にした。参考にしたサイト・アプリ The Game Awards ダイナミックなカルーセルでかっこいい。Discoverってスクロールサジェストもいい State of JS 特殊な見せ方。一位が何かとかランキングっていうより遷移に重きをおいてるからこんなグラフになっているのかも Dribbble 写真も相まってかっこよす。ワンアイテムバーンってやるのいいかもデザインを考える上でのポイントメインのグラフィック

〜ほぼ Daily UI vol.62〜 Workout of the Day

参考にしたサイト・アプリデザインを考える上でのポイント何をどのくらいやればいいのか分かりやすい多分メディアとしては動画が一番望ましそう。誰でもわかるようなワークアウト(ジョギングとか腕立て伏せ)しかないのであれば、動画あってもむしろ邪魔だと思うので、ワークアウトの難易度で表現を変える。どこまで終わったのかをトラックしやすくするワークアウトが複数ある場合はどこまで終わったのかをOpacity下げたりチェックマークつけたりで分かりやすくする。自分のデザインフロー

〜ほぼ Daily UI vol.61〜 Redeem Coupon

Imagine that it's time for someone to redeem a coupon. It could be via an in person self-checkout screen or on a website. Think about the requirements of a coupon such as the discount percentage, the subtotal, total, and other unique featur

〜ほぼ Daily UI vol.60〜 Color Picker

参考にしたサイト・アプリ Google Color Picker 左に広い面積で色を確認できるのいいかも Figma figma.com htmlcolorcodes https://htmlcolorcodes.com/ デザインを考える上でのポイント色相のスライダーと彩度と明度のpickerが一般的なUIっぽい基本的にこの形なので、強い目的がない限りはこのUIを踏襲した方がいいっぽい。色を選んだ後コピペして使いやすいようにするおそらくメインのユースケース

フォローしませんか？

2021年2月の記事一覧