280 handpicked colors ready for COPY & PASTE
![フラットデザイン|Flat UI Colors](https://cdn-ak-scissors.b.st-hatena.com/image/square/14061d9dc0f3ab4c080d0c487c8c8c7cb9eb9868/height=288;version=1;width=512/http%3A%2F%2Fflatuicolors.com%2Fimg%2Fimage-facebook.png)
ユーザーが利用しやすいよう、ウェブやスマートフォンのサイト・アプリのUIデザインの一貫性を維持する際に気をつけたいポイントを紹介します。 Maintaining Consistency in Your UI Design 下記は各ポイントを意訳したものです。 UIデザインの一貫性を保つ3つのポイント 一貫したストラクチャとインタラクション 一貫したスタイル UIデザインの一貫性を保つ3つのポイント ウェブやスマートフォンのサイト・アプリを設計する際、UIデザインの一貫性を保つためにおさておくべきポイントは3つあります。 デバイスの標準の振舞いやUIガイドラインと矛盾しないようにする。 他の類似のサイトまたはアプリケーションと一貫した状態にする。 あなた自身のデザイン上、矛盾しないようにする。 特に大切なのは3番目で、あなた自身のデザインの中でユーザーを混乱させたり、破綻しないようすることは
jquery ui を使ってちょっとリッチな見た目や機能を提供したい時は、 google.load("jquery", "1"); google.load("jqueryui", "1"); と、Google CDNにあるjqueryとjqueryuiをloadして、 ごにょごにょ実装するのがおすすめです。 また、jquery uiは、CSSだけでデザインの制御をしているので自分が好むtheme CSSを読み込むだけで、 javascriptのコードを変えることなくデザインを変更できます。 Google CDNには、このtheme CSSファイルも置いてあり、 以下のpathにあります。 <link type="text/css" href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.7.2/themes/redmond/jquery-
Using ThemeRoller ThemeRoller allows you to design custom jQuery UI themes for tight integration in your projects. To create a custom theme, select the Roll your own tab and tweak the settings. As you work, the UI components to the right will update to reflect your design and you can download your theme whenever you like. If you'd like to use a pre-designed theme, select the Theme Gallery tab and
User Interface Design Framework | 260 free vectors icons, GUI graphic library for web design GUIパーツやアイコンがセットになったイラストレーター用UIデザインフレームワーク。 次のようなGUIパーツやアイコン、グラデーションスタイルの3つがセットになった素材集です。 GUIパーツとアイコンを使って、ユーザインタフェースのモックを作る際に役立ちそうです。 次のようにパーツが非常に豊富なので、イメージを作る分には困らなさそう。 アイコンも種類豊富 関連エントリ ブラウザ上でサイトのモックアップを光速で作成できるサービス「Lumzy」 WEBレイアウト作成用のモック作成ツールキット WEBデザインのモック作成時に役立つ手書き用PDFテンプレート集 サイトのモック等に使えるダミーのイメージを簡単に作れる
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く