タグ

UIに関するsh0g0のブックマーク (3)

  • 【Android】いまさら聞けないdp入門 - Qiita

    dpとは? Androidのデザインにおいて、必ず理解しておくべきポイントのひとつがdpについてです。 dp(density-independent pixels)とは密度非依存ピクセルのことで、dipとも呼ばれています。 Androidはこのdpのおかげで多用な端末をサポートできているのです。 dpのない世界 - 端末の解像度ごとに表示サイズが違う dpのある世界 - 端末の解像度が違っても表示サイズは保たれる Supporting Multiple Screens | Android Developers More Resource Types | Android Developers px、dpi、dp dpを理解する上で欠かせない要素がpx(ピクセル)とdpi(画面密度)です。 px px(pixel)というのはハードウェアで実装されている解像度そのものです。ピクセルとも言います。

    【Android】いまさら聞けないdp入門 - Qiita
  • ユーザーインターフェース(UI)って何?|仕事百科

    UIという言葉を耳にされたことがある方も多いのではないのでしょうか。なんとなくは想像できても、実際に「ユーザーインターフェースってどういうこと?」と聞かれたらきちんと説明するのは難しそうです。そこでこの記事にはUIに関する周辺知識をまとめました。いままでフワッとしていた知識を、ここで再確認しましょう! 編集・執筆 / ASAMI KIMURA, AYUPY GOTO 目次 1. はじめに 2. インターフェースとは 3. インターフェースの種類と例 4. UIとユーザビリティ 5. UIUX 6. 最後に 1. はじめに ユーザーインターフェース(UI)といえばなんとなく、「スマートフォンやPC画面でソフトが表示されている画面のこと」と考えているかもしれません。また、UIがなんたるかを知るよりも、クリエイターとしてはついついUIの優れたデザイン自体に目を向けてしまいがちです。 けれども、

    ユーザーインターフェース(UI)って何?|仕事百科
  • もう保守されない画面遷移図は嫌なので、UI Flow図を簡単にマークダウンぽく書くエディタ作った - Qiita

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

    もう保守されない画面遷移図は嫌なので、UI Flow図を簡単にマークダウンぽく書くエディタ作った - Qiita
  • 1