タグ

uiとあとで読むに関するAfroRayのブックマーク (5)

  • モバイルアプリにおけるUIデザイン - Qiita

    1.はじめに 私は(筆者は)モバイルエンジニア転職を目指す立場です。個人的にアプリのUIデザイン知識はデザイナーだけでなくエンジニアにも必須だと思っています。私自身がアプリ開発の過程でデザインについて指摘され、「このままデザインに無知では良くないと思った」、「同じような立場の方にモバイルアプリのデザインの事を少しでも知ってもらいたいと思った」その2つの理由から記事を執筆しました。 現在、エンジニアを目指している方やアプリ開発はしているけどモバイルデザインについて改めて知りたいという方、そのような方向けに改めてiOS・Android双方のデザインガイドラインについてまとめてみました。 2.iOSとAndroidのデザインの考え方 2020年現在、iOSではHuman Interface Guidelines、AndroidではMaterial Designの考え方をもとにアプリUIが作られ

    モバイルアプリにおけるUIデザイン - Qiita
  • Human Interface Guidelines 日本語訳|今正✋

    いろんな日語サイトを見たり、グーグル翻訳で頑張ってまとめる。 まだ途中であるが随時更新 英語:Human Interface Guidelines iOS 「iOS Design Themes(3大テーマ)」1.Clarity(明瞭性) ・テキストは見やすいサイズであること ・アイコンは正確でわかりやすいものにする ・装飾は無駄なものは省き、適切なものにする ・空白、色、フォント、グラフィックス(イラストやグラフなど、図を描くことや描いたものを指す。最近では動画もグラフィックスに含まれる場合が多い)、インターフェイス要素(ボタンとかテキストボックスなど)は、重要なコンテンツを不自然なく強調し、ユーザーにインタラクティブ性(論理的かつ考え抜かれた動作と振るまいを備えた、魅力的なWebインターフェース)があることを伝える まとめるとわかりやすさを追求し、無駄な装飾をしないように 2.Defe

    Human Interface Guidelines 日本語訳|今正✋
    AfroRay
    AfroRay 2020/10/01
    アップルヒューマンインターフェイスガイドラインの日本語訳
  • 優れたダッシュボードをデザインするための10のガイドライン | UX MILK

    Neilは、イギリスのAstraZenecaで働くUXデザイナーです。現在さまざまなUXデザインプロジェクトを率いています。 もしあなたがプロの自転車競技に詳しければ、「アシスト(Domestique)」という用語を聞いたことがあるでしょう。馴染みがない人に向けて説明すると、アシストとは自転車競技のチームにおける選手の役割を指します。「Domestique」はフランス語で「下僕」という意味です。 アシストの選手は、水のボトルをチームの車から集めてほかのチームメイトに渡すという役割を担っています。また、チームの車が近くにいないときに先頭選手の自転車が故障したら、自分の自転車や予備のタイヤを渡します。さらに、遅れているメンバーがいれば、先頭集団に追いつくまで彼らを牽引し、追いついたら自分はペースを落とします。このようにアシストの選手は無欲にひたすら奉仕し続けます。決してアシスト自身がレースに

    優れたダッシュボードをデザインするための10のガイドライン | UX MILK
  • <836F83438393835F312E706466>

    AfroRay
    AfroRay 2018/10/02
    直感的なインタフェースデザインの 10 原則の提案
  • アニメーションが心地よいマテリアルデザインのUIサンプル5選

    徐々に浸透しつつあるGoogleのデザインガイドライン、マテリアルデザインですが、先日ようやく日語版も公式にリリースされました。 マテリアルデザインやマテリアルモーションは実世界のモチーフを用いて、ユーザーがより直感的にUIを把握・誘導できるようにするためのものです。詳しくは以下の記事をご覧ください。 UIデザインの歴史に学ぶシャドウと奥行きの使い方 この記事ではUIコンセプトやポートフォリオをたくさん掲載しているMaterialUpから、マテリアルデザインを用いたデザイン例をピックアップしてご紹介していきます。すべてCodePenで実装済みの作品なので、裏側のコードを見て実装のヒントに役立ててください。 MaterialUpのオススメUIコンセプト5選 1. ミュージックプレイヤー 楽曲再生アプリのUIコンセプトです。プレイボタンを押すとジャケットやシークバーがレコードのように変わりア

    アニメーションが心地よいマテリアルデザインのUIサンプル5選
  • 1