40 Detailed Examples of User Interface Design | inspirationfeed.com
You are here: Home » Inspiration » Design Elements » 40 Detailed Examples of User Interface Design 40 Detailed Examples of User Interface Design Written by Igor Ovsyannykov on Jan 27, 2011 | 0 Comments When designing an application, millions of question arise. How should it look? How easy is the interface to understand? What should the colors and borders look like? The list goes on and on. Before
UXの定義と私たちの仕事の関係
UXデザイナーと名乗る方にとって、体験という主観的かつ概念的な要素をいかにして測定し、価値を見出すのが課題のひとつです。それについては「UXの測定項目を考えてみた」という記事で候補になりそうな項目を幾つか挙げて解説しましたが、項目を考える上で常に UX (User Experience) とは何か？という質問に辿り着くのではないでしょうか。UX に興味がある方、又は仕事としている方はそれぞれ自分で UX を定義していると思いますが、明確なラインが引けないですし、すべて自分で出来るというものではないので説明が難しい言葉です。Webデザインより説明が難しいと感じることがあります。 「UX」とひとことで言い表すことが出来るわりには、包括する分野が非常にたくさんあります。UX を作り手、顧客、マーケットなど見る切り口によって違ってきますし、数多く存在するアプローチは分断しているのではなく、密接に入
Macの美しいアプリケーション20 – creamu
Macで使える、便利でかっこいいアプリを探している。 そんなあなたにおすすめなのが、『20 Beautiful Mac Apps』。Macの美しいアプリケーションです。 いくつかご紹介しますね。 Daisy Disk ディスクの使用状況を可視化してくれるアプリ CleanMyMac 左のメニューがアクティブになったときにカラーになる美しいUI Fontcase フォントをグリッド上に並べて可視化してくれて、探しやすくするFontcase Flow UIの美しいFTPクライアント CSSEdit 透過パネルが美しいCSSEdit Mac使いの方は一度見てみてください。 20 Beautiful Mac Apps いろいろ充実してきたが時間がない。。がんばります。
Appleのようなデザインをするためのコーディングチュートリアル15 – creamu
Appleのサイトのような、かっこいいインターフェースを実装したい。 そんなあなたにおすすめなのが、『15 Incredible Apple Webdesign Style Coding Tutorials』。Appleのようなデザインをするためのコーディングチュートリアル集です。 かなりかっこいいのが揃っていますよ。 A Beautiful Apple-style Slideshow Gallery With CSS & jQuery Appleの製品紹介で使われているような、スライドショー。jQueryで動作し、PHPやDBは必要ない Apple style Accordion Menu Appleのサイドバーで使われているような、アコーディオンメニュー How to: Recreate apple.com menubar Appleのグローバルメニューはデザインがよく、ソースも綺麗。
8 Layout Solutions To Improve Your Designs — Smashing Magazine
The organization of content is probably one of the most important and influential aspects of any good web design. Organizing information into a well-built layout is the basis of a website, and should always come before styling concerns. Without a good layout, the website doesn’t seem to flow correctly, and nothing connects the way it should. In this article, we’ll discuss 8 useful layout solutions
ウェブデザインにおける効果的なコミュニケーションの取り方
ウェブデザインにおける明確で効果的なコミュニケーションの取り方をSmashing Magazineから紹介します。 Clear And Effective Communication In Web Design 下記は、簡潔に意訳したものです。 1. コミュニケーションのアプローチ方法 ウェブサイトの来訪者とコミュニケーションを取るためのアプローチ方法をいくつか紹介します。 テキスト 見出しやコンテンツ内にかかわらず、来訪者はテキストをメッセージとして受け取ります。コミュニケーションにおいて、極めて重要な要素です。 画像 画像は、テキストよりもすばやくメッセージを伝えるときがあります。画像を作成する際は、メッセージを魅力的に伝えられるようにします。 タイトルとヘッダ タイトルとヘッダは、来訪者に主要なポイントと考えを伝える重要で効果的なものです。 アイコン アイコンはウェブデザインの特徴的
CBCNET - 卒展 '09
今年も卒業展覧会シーズンとなりました。メディアや情報アート関連の学部は年々その知識や経験が蓄積され、とても面白くなっています。デバイスやプログラミングの技術も数年前では考えられないようなものになり、展示としてもクオリティーは上がってきてるのではないでしょうか。こうした学生の挑戦と実験の中に多くの要素が詰まっており、数年前から毎年足を運ぶようになりました。 そこでCBCNETがおすすめする卒展や学外展などの情報をまとめてみました。既に仕事をしている人やこれからもう一度勉強したいと思っている人など、積極的に足を運んでみてどうでしょうか。 フォトレポートなども随時アップしていく予定です。 東京芸術大学美術学部 先端芸術表現学科 卒業制作展 PROJECT the PROJECTORS 2009 URL：http://ptp2009.com/ 会期： 2009年1月17日(土) ~ 1月25日(日
5 Customized Linux Desktops to Inspire You
Linux is, without a doubt, the most customizable OS on the planet. Unlike the alternatives, where you can customize the desktop experience with a wallpaper and maybe a set of icons on Linux, you can replace the whole desktop environment if it doesn’t look and function as you’d like. That’s why, as you’ll see, the following desktops use different desktop environments on various distributions. They’
[CSS]大胆なドロップダウン型のナビゲーションを実装するスタイルシート
CSSplayのエントリーから、透過PNG画像を使用した大胆なドロップダウン型のナビゲーションを実装するスタイルシートの紹介です。 Professional drop-down #13 with png transparency デザイン的に面白いだけでなく、通常のドロップダウンに比べ領域が広いため、マウス操作を誤ってドロップダウンが非表示になってしまうということも少ないと思います。 対応ブラウザは、IE6, IE7, Firefox, Opera, Safari(PC) and Google Chrome Betaとなっています。 IE6対策には、ドロップダウンの箇所にtable、背景画像にfilter(AlphaImageLoader)が使用されています。
検索パターンにみるユーザーエクスペリエンス
前回記事で、「検索における課題」として5つのポイントをまとめた。これらについて検索パターンを設計する際に発生するステップ (プロセス) をもとに、求められる要素や検索パターン事例と合わせて解説する。 プロセスは次の6つで構成される。それぞれにおいてどういうことが必要になってくるのかを見ていく。 User（ユーザー） Query（要求） Search Interface（検索画面） Search Engine（検索エンジン） Content（コンテンツ） Results（結果） ユーザーを特定する 検索に限らず、利用者にはさまざまな種類がある。それらは別の価値観で行動し、違う目的を持つことになるため、それらを整理し価値観を見定めることが重要になる。 では実際に、それらをどのように整理するかという点において「ペルソナ/シナリオ手法」が役立つ。これは単純な大多数を示す平均的なユーザー像ではなく、
Themes - macOS - Human Interface Guidelines - Apple Developer
macOS Design Themes Four primary themes differentiate macOS apps from iOS, tvOS, and watchOS apps. Keep these themes in mind as you imagine your app’s identity. Flexible People expect macOS apps to be intuitive, while simultaneously adaptable to their workflow through customization and flexibility. Many apps offer configurable preferences, customizable interfaces, and alternate ways of completing
Particletree » Rediscovering the Button Element
IntroductionCreating a consistent interface for your users is a constant struggle for every application designer. Building consistency on the web is especially tough because the visual rendering differences across browsers and operating systems are wildly different and almost arbitrary in what can and cannot be done. No where does this become more apparent than when you’re dealing with form elemen
The Paper Version of the Web
People have been sketching user interfaces since the birth of the web but the sketches usually stay locked away in old notebooks and discarded bar napkins in Austin, Texas. Many of the websites we use started out as scrawlings, and with people like Jakob Nielsen and Bill Buxton spreading the gospel of faster, cheaper paper prototypes, “next year’s Twitter” may already exist on paper. We don’t usua
pierrevanni.com - pierrevanni リソースおよび情報
This webpage was generated by the domain owner using Sedo Domain Parking. Disclaimer: Sedo maintains no relationship with third party advertisers. Reference to any specific service or trade mark is not controlled by Sedo nor does it constitute or imply its association, endorsement or recommendation.
40 Beautifully-Designed Navigation Menus | Vandelay Design Blog
These earth tone color palettes are perfect for a wide variety of nature-inspired designs. Use the provided hex codes to save time choosing colors.
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
http://www.designwalker.com/2009/04/wireframe-2.html
JavaScriptでHTMLフォームの劇的ビフォアアフター「Jqtransform」:phpspot開発日誌
'We're All Gonna Die - 100 meters of existence'
https://www.teehanlax.com/blog/?p=447
http://www.coleran.com/