タグ

webデザインとWEBデザインに関するpefusanのブックマーク (107)

  • ユーザーインターフェイスデザインのアイデア帳

    どうしたらユーザーに使ってもらいやすいかなと悩む事があります。 そんなときの為のネタをメモしておきます。 ▼Yahoo's Design Stencil Kit http://developer.yahoo.com/ypatterns/wireframes/ ・GUIの設計に必要なものがほとんど揃っている。 カレンダー、カーソル、グラフや表、UIコントロール フォーム要素、グリッド、メニューやボタン、モバイル用UI iPhoneUI、ナビゲーション、タブなど ファイル形式は、OmniGraffle 、Visio (XML)、PDFファイル 、 PNG形式 、SVG の形式で配布されている。 ※OmniGraffle ってなに?って方はこちらを参照。 ※Visioってなに?って方はこちらを参照。 ▼Web Form Elements http://sniperyu.deviantart

  • ユーザーインターフェイスデザインの参考になるサイト集

    MICROKIDのエントリー「11の偉大なユーザーインターフェイスデザインのリソース」で紹介しているUIデザインの参考になるサイトのリンク集です。 11 Great User Interface Design Resources パターン ライブラリ

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

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

  • webデザイナが使いそうな48px四方の究極のアイコン750個を無料でダウンロード

    思わず音速でクリップしてしまった究極系エントリー。 配布している方が究極だというのだから、きっと究極なんです。 webデザイナーが使いそうなアイコンパック ダウンロードは以下から。 どんなのが入ってるの? ちょいと量が量なので小さく表示してますが、サイズは48×48pxです。 興味のある方は是非。 The Ultimate Free Web Designer’s Icon Set (750 icons, incl. PSD sources) - Smashing Magazine こちらとあわせてどうぞ。 ハイクオリティ無料アイコンまとめ100パック2009年最新版*ホームページを作る人のネタ帳 それでは、また。

    webデザイナが使いそうな48px四方の究極のアイコン750個を無料でダウンロード
  • グラデーションを使用しないでウェブデザインをする方法

    なんとなくグラデーションを使用したり、困ったらグラデーションを使用したり、トレンドだからグラデーションを使用したりしていませんか? グラデーションを使用しないでデザインする方法をBuild Internet!から紹介します。また、グラデーションをより効果的に必然として使用するためのエントリーでもあります。 多くのウェブデザインのブログで周期的にページデザインのPhotoshopのチュートリアルを紹介しています。これらは素晴らしいウェブページを作成するためにグラデーションベースのデザインが一般的であるというおかしな印象を与えてしまいました。こういった記事を書く我々は間違って解釈されてしまう記事を書いたという罪があります。 ウェブデザインはデザイントレンドがどれだけ含まれているかのチェックリストではありません。何を使用するにしても、何をやめて何をアレンジするか学ぶ必要があります。 WeFunc

  • Under Construction

    Please be wary if some broker is offering this domain for sale.

  • CSSビギナーに気をつけてほしい5つのポイント | コリス

    スタイルシートは、複数の人間が携わる場合は当然のことながら、自分一人の場合でも長期にわたり携わることがあるので、分かりやすくクリーンなものにしておきたいものです。 スタイルシートを適切に使用し、そして管理しやすくする5つのポイントをSoh Tanakaから紹介します。 CSS Beginners Do's and Dont's Part 2 下記は各ポイントを意訳したものです。 1. classとidは適切に使用する ビギナーは新しいclassをどんどん作成してしまう傾向があります。冗長なものや不必要なclassやidはCSS来の目的からはずれるものです。 CSSの美しさはデザインをマークアップから切り離すことにあり、それを許すということです。またclassやidを最小限にすることで負荷を減らすことにも繋がります。 Bad p要素それぞれに全て個別のclassを使用しています。 <tex