見出し画像

〜ほぼ Daily UI vol.65〜 Notes Widget

参考にしたサイト・アプリ

iPhone のメモ
一覧ではタイトルと最初の数文字を出す

画像1

note
よく見ると画像アップロードとかは固定されるようになってる。Undo も編集中でプライマリーなアクションだから少し大きくなっているのかな

画像2

Notion

画像3


デザインを考える上でのポイント

一覧では一覧性を高めつつ、選びやすくする
どんなこと書いてたっけと言うのが分かりやすいように、最初の数文字を薄く表示させたり、更新日時でソートさせたりなどの工夫が必要。

WYSIWIG にするならセクションごと(タイトルと本文とか)の違いをわかりやすく
タイトルや本文のフォントを区別つくようにしたり、マージンをしっかり開けるなどして違いを分かりやすく、入力する時に迷わないようにする。

自分のデザイン

画像4

思ったこと

- どの note アプリもそこまでデザインに違いはないが、それぞれのコンセプトに応じて Widget の位置や中身が変わるので、そこで個性出るなと思った

この記事が気に入ったらサポートをしてみませんか?