タグ

uiに関するnot-found-chのブックマーク (5)

  • 【APEX】UIデザインが凄すぎるよ①--メニュー画面編--/ゲームさんぽ

    APEXのデザインがいかに素晴らしいかを熱弁するシリーズ(全2回)。聞けば聞くほど「そりゃ人気出るわけだわ.......!」としみじみすること必至! 【APEX】UIデザインが凄すぎるよ②--バトル編-- -https://youtu.be/YalEnQ-SKa0 -------------------------- ▼ゲストプロフィール 【有馬トモユキ】 デザイナー、アートディレクター。日デザインセンター所属。「アニメのデザイン」をすることも多いそうだが、それはロゴやパッケージなどだけでなく、「アニメの中に出てくる色々なモノのデザイン」も含んでいる....?その辺のお仕事例がわかりやすいインタビュー記事を貼っておく↓ ■「コンテンツは心に刺さったら抜けない」。これからのアニメに求められるデザインとは?[有馬トモユキ×三宅陽一郎]--JDN https://www.japandes

    【APEX】UIデザインが凄すぎるよ①--メニュー画面編--/ゲームさんぽ
  • 超初心者から活躍できるまで!UIデザイナーのスキルの登り方をまとめてみた|カイクン🤘

    Youtubeで"UI/UX,Webデザイン"、"初心者デザイナーが価値あるスキルを身に着ける"ためのチャンネルを運営しています。 その中で”伸ばすべきデザイン力”を整理できないかとトライしているので、そのログを残します💡 デザインを学びたいけど何から手をつけたら良いのか、何を目指すのかよくわからない。という人の助けになると嬉しいです👍 ※UIデザイナーの定義を「UIで構成されるインターネット事業のサービスをデザインする人」で置いています。 🤔ベースにしている考えいろんな方々が引用している、The Elements of User Experienceをベースに出発しています。これは「ユーザー体験」を作っていく上で必要になる要素を、層で整理しているものです。 シンプルに日語化して整理してみると、以下のようになります。 (間違いあればこそっとご指摘ください・・・) デザインをしていく

    超初心者から活躍できるまで!UIデザイナーのスキルの登り方をまとめてみた|カイクン🤘
  • もう保守されない画面遷移図は嫌なので、UI Flow図を簡単にマークダウンぽく書くエディタ作った - Qiita

    はじめに Webサービスやアプリを企画したり、立ち上げたりする際にプロトタイピングツールや、ExcelPowerpoint、Illustraterなどを駆使した謎のファイルで画面遷移図を描くことがある。 こういう図を元に仕様を決めて行って、サービスを作っていくのは以下の点で困る。 画面遷移図が保守されない。 書くのが非常に面倒くさい ユーザーのモチベーションの流れが追いづらく、見た目ばかりに注目してしまうものになりがち マシンリーダブル(ソフトウェアで構造を取り出せない)でない。 このような欠点があってどうにも扱いづらい。 そんなわけで、markdown風のテキストから簡単に画面遷移図を描けないかなとコンパイラを作成し、次にそれをインタラクティブに編集できるエディタを作成した。 UI Flows図について 画面遷移図的なものを書く際に、僕が個人的につかっていた表現方法として、UI Flo

    もう保守されない画面遷移図は嫌なので、UI Flow図を簡単にマークダウンぽく書くエディタ作った - Qiita
  • 検索 UI まとめてみた|あき - 良いもの作って正しく届ける

    検索 UI を作る機会があったので、リファンレンスを集めた。あたまの整理をかねてパターン分け。 パターン一覧 1. フリーワード型 2. サジェスト型 3. グループ型 4. あとからフィルター型 5. 条件指定型 6. レコメンド型フリーワード型キーワードで検索。入力中に検索結果がリアルタイムに変わるものが多い。 良いところ シンプル。入力と同時に検索結果を表示できるので、最短で検索対象へたどり着ける。 イマイチ キーワードが間違っていると、対象へたどり着けないことがある。 感想 タスク管理やシンプルなファイル管理に多く採用されていた。 複雑な検索条件が不要。ユーザーが検索対象のキーワードを把握している場合に有効そう。見つける、というよりも、ショートカット的な役割に近い。サジェスト型キーワードを入力すると、検索候補が表示。 良いところ キーワードを正確に把握していなくても対象へたどり着け

    検索 UI まとめてみた|あき - 良いもの作って正しく届ける
  • 判別しやすいステータスのデザインを考える|mamoru kijima

    初めましての方もこんにちは、さだこえ (@sadako_a_) と申します。DeNAに新卒で入社後、現在は株式会社FOLIOのデジタルプロダクトデザイナーとして、オンライン証券のUIデザインに従事しています。 今記事では、主にステータスのデザインに焦点を当てて記事を執筆します。 1. ステータスとステートの違い 2. 色で伝えるステータス 3. アイコンで伝えるステータス 4. 実例 : YOUTRUST副業意欲ステータス 5. まとめ1. ステータスとステートの違いまずはステータスの定義について決めます。似たような単語として、ステータス(status)とステート(state)、どちらも状態を表す概念ですが、両者は微妙にニュアンスの違いをもっています。 ステータスは状態を示す箱のような概念で、ステートはその状態の固有要素とであると今記事では定義します。分かりやすく言い換えるとしたら、人間

    判別しやすいステータスのデザインを考える|mamoru kijima
  • 1