プロのUIデザイナーに学ぶ！UIとUXの印象がよくなるデザインの知識とテクニックのまとめ vol.11

テクノロジーカテゴリーの変更を依頼記事元:

coliss.com

70users がブックマークコメント

記事へのコメント4件

注目コメント
新着コメント

オーナーコメントを固定しています

オーナー coliss UIとUXを改善するデザインテクニック第11弾、角丸やアイコンなどのUI要素、ダークテーマにおける読みやすさに関するデザインのテクニック。

2022/01/18 リンク

オーナーコメントを固定しています

2022/01/18 リンク

emonkak “要素が自分に近いほど（現実世界では光源に近いほど）、その要素を背景に対してより明るくすることで、奥行きをうまく表現できます。 ”

design
ui

2022/01/30 リンク

yuya_presto アイデアとして良さそう

2022/01/19 リンク

ryan_aircloset こういうの知っておくと格段とUIの苦手意識が薄れるのがよい。

2022/01/18 リンク

注目コメント算出アルゴリズムの一部にLINEヤフー株式会社の「建設的コメント順位付けモデルAPI」を使用しています

リンクを埋め込む

以下のコードをコピーしてサイトに埋め込むことができます

<iframe marginwidth="0" marginheight="0" src="https://b.hatena.ne.jp/entry.parts?url=https%3A%2F%2Fsiteproxy.ruqli.workers.dev%3A443%2Fhttps%2Fcoliss.com%2Farticles%2Fbuild-websites%2Foperation%2Fdesign%2Fui-ux-micro-tips-volume-eleven.html" scrolling="no" frameborder="0" height="230" width="500"><div class="hatena-bookmark-detail-info"><a href="https://coliss.com/articles/build-websites/operation/design/ui-ux-micro-tips-volume-eleven.html">プロのUIデザイナーに学ぶ！UIとUXの印象がよくなるデザインの知識とテクニックのまとめ vol.11</a><a href="https://b.hatena.ne.jp/entry/s/coliss.com/articles/build-websites/operation/design/ui-ux-micro-tips-volume-eleven.html">はてなブックマーク - プロのUIデザイナーに学ぶ！UIとUXの印象がよくなるデザインの知識とテクニックのまとめ vol.11</a></div></iframe>

プレビュー

規約違反を報告

プロのUIデザイナーに学ぶ！UIとUXの印象がよくなるデザインの知識とテクニックのまとめ vol.11

デザインはちょっとした一手間を加えるだけで、ぐっとよくなります。プロのUIデザイナーによるWebペー... デザインはちょっとした一手間を加えるだけで、ぐっとよくなります。プロのUIデザイナーによるWebページやスマホアプリのUIとUXを改善するデザインの知識とテクニックを紹介します。第11弾は角丸やアイコンなどのUI要素、ダークテーマにおける読みやすさに関するデザインのテクニックです。 UI & UX Micro-Tips: Volume Eleven. by Marc Andrew 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様にライセンスを得て翻訳しています。はじめに 1. ダークテーマのテキストはコントラストを下げる 2. アイコンをわかりやすくするためにラベルを付ける 3. 角丸を補完的に使用する 4. ダークテーマで要素の奥行きを正しく伝える 5. Atkinson書体でコンテンツをよりアクセシブルに 6. メッセージは短く、要点を絞るはじめに次