タグ

テクニックとまとめに関するnatto_gohankunのブックマーク (2)

  • 2021年、最も注目されたUIデザインのテクニックのまとめ

    デザインはちょっとした一手間を加えるだけで、ぐっとよくなります。 プロのUIデザイナーによるWebページやスマホアプリのUIUXを改善するデザインの知識とテクニックを紹介します。 今年公開した中で最も注目されたUIデザインのテクニックをまとめました。 UI & UX Micro-Tips: Best of 2021 by Marc Andrew 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様にライセンスを得て翻訳しています。 はじめに 1. ユーザーの混乱を避けるために、UIで確立されたアイコンを使用する 2. 4ptベースライン+8ptグリッド=調和のとれた縦のリズム 3. フォントで階層を示すにはウェイト、サイズ、カラーを使用する 4. ホワイトスペースはたっぷり使用してください 5. アイコンをグリッドシステムで使用する際の注意点 6. アクションを実行

    2021年、最も注目されたUIデザインのテクニックのまとめ
  • プロのUIデザイナーに学ぶ、既存のデザインのクオリティを高めるデザイン知識とテクニックのまとめ

    既存のUIデザインをどのような手順で改善すればよいのか、UIのクオリティを高め、ビジュアルをよくするためのデザイン知識とテクニックを紹介します。 Cleaning up form UI by Nikita Прокопов 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様にライセンスを得て翻訳しています。 はじめに グリッドを定義する スペースの正規化 ピクセル単位のずれ ボタン カラーコントラスト タイポグラフィ 完成!修正したUI はじめに 下記は、IntelliJ Idea 2020.1 EAPを起動して最初に表示されるダイアログです。 このデザインをあなたはどう思いますか? IntelliJ Ideaのダイアログ ぱっと見、清潔感がある普通のUIに見えますが、細かいところをよく見るとおかしいのが分かります。このフォームのUIのほとんどに改善する余地がありま

    プロのUIデザイナーに学ぶ、既存のデザインのクオリティを高めるデザイン知識とテクニックのまとめ
  • 1