タグ

UIとweb制作に関するsaka39のブックマーク (4)

  • ワイヤーフレームやユーザーインターフェイスのデザイン用のフリーの素材集

    iPhone, iPad, Androidなどのモバイルデバイス、Facebook, TwitterなどのSNSのウェブサイト、IE, Firefoxなどの各種ブラウザのワイヤーフレームやユーザーインターフェイスのデザイン用の素材を紹介します。 Free Wireframing Kits, UI Design Kits, PDFs and Resources 上記サイトでは各素材が多数紹介されており、その中からPSD素材のもののみ下記にピックアップしました。サイトでは他にもOmniGraffle用のものやPDFのものが紹介されています。

  • 画面展開の表記方法 – capeknote

    iphoneアプリの画面設計をしていて、画面フローの表記をしようとして普通の画面フローチャートだとUIインタラクションを表記しにくいよね、と思ったので考えてみた。 画面フロー図の限界webの画面フロー図は以下のことができないなー、不便だなーと思ってた。 画面展開を表記する記法がない。webだと_blankくらいしかないけどアプリだと不便 画面が内包しているコンポーネントを表記できないので、画面のどのボタンが次の画面につながっているのかわからない。 ↑レベルのを練ろうとするとワイヤーフレーム/プロトタイプをつくる作業になってしまう。プロトタイプだと逆に画面のつながりや展開の法則性がとらえにくく、整合のとれたインタラクションデザインが試行錯誤しにくい そもそも画面展開の種類って網羅的に把握されてる? 構造化寄りの表記方法は「情報アーキテクチャ、インタラクションデザイン記述のためのビ

  • ウェブデザインに使用するUIのパーツをまとめたPSD素材

    WEB UI Treasure Chest ユーザーインターフェイスのパーツは、上記のキャプチャ以外にもたくさんの種類が揃っています。 カーソル チェックボックス ラジオボタン ボタン フォーム リボン ページのコーナー カレンダー スクロールバー サイン ツールチップ用の吹き出し ビュレット、アロー、ロゴなど ダウンロードできる素材のフォーマットはPSDで各要素ごとにレイヤーが整理されており、フォントが無い人用にプレビューのJPEGも揃っています。

  • 優れたユーザインタフェースを設計する際に考慮する8つのポイント

    ユーザーにとって有益なユーザインタフェースを設計する際に考慮する8つのポイントをUsability Postから紹介します。 8 Characteristics Of Successful User Interfaces 以下、その意訳です。 ユーザインターフェイスの設計時に、考慮する8つのポイントを紹介します。 Clear Concise Familiar Responsive Consistent Attractive Efficient Forgiving To conclude… 1. Clear 明快 明快であるというのは、最も重量な要素です。 ユーザインターフェイスデザインの目的は、ユーザーに意味と機能を伝え、利用するアプリケーションと相互につきあえるようにすることです。そのアプリケーションがどのように機能するのか、どこに進むべきか理解することができない時は、ユーザーは困惑しが

  • 1