Atomic Designの考え方と利点・欠点 – wkr.
Atomic Design はデザインシステムを作る方法論となります。 デザインシステムというのはスタイルガイドやブランドのガイドラインなどを指すようです。 日本だとAbemaTV（アベマ TV）で使われています。 （Atomic Design を実案件に導入 - UI コンポーネントの粒度を明確化した結果と副産物 | ygoto3.comより） Atomic Design は今までのページ単位と違いコンポーネント単位でデザインカンプを作る考え方です。 作ったコンポーネント同士の組み合わせでページを作ります。 Atomic Design はコンポーネントの単位を 5 つに分けています。 その 5 つの単位は Atoms（原子）・Molecules（分子）・Organisms（有機体）・Templates（テンプレート）・Pages（ページ）です。 各コンポーネントの詳細は次のとおりです。
Google Visual Assets Guidelines - Part 1 - Behance
Google’s brand is shaped in many ways; one of which is through maintaining the visual coherence of our visual assets. In January 2012, expanding on the new iconography style started by Creative Lab, we began creating this solid, yet flexible, set of guidelines that have been helping Google’s designers and vendors to produce high quality work that helps strengthen Google’s identity.
#hero-unit
This Domain is NOT Suspended Anymore This domain has all already been restored and not Suspended anymore. If you are the registrant of the domain please update your nameservers so it resolves to your site. Este Dominio Ya NO Esta Suspendido Este dominio ya fue restaurado y no está suspendido. Si usted es el titular por favor actualice los nameservers para que resuelva a su página.
Modern UI for WPFが凄い! - Neutral Scent
みんなZune Softwareとか、MetroTwitとか、GitHub for WindowsみたいなMetroでカッコイイ デスクトップアプリをさくっと作りたかったわけですよ。 WPF, Silverlight, Windows PhoneなどXAML系プラットフォーム向けの解析ツールXAML Spyのスピンオフ・オープンソースプロジェクトとしてModern UI for WPFが公開されました。 で、上のようなアプリをさくっとWPFで作れるようになるわけです。とりあえず、まずはCodePlexへGo!ぐらいの勢いで。 Modern UI for WPF - CodePlex http://mui.codeplex.com/ (ライセンスはMs-PL) Windows PhoneやWindows Storeアプリ以外のデスクトップアプリで、Metro Style改めModern St
ソシオメディア | フラットデザインはUIを進化させるか
ウェブやアプリのデザイナーであれば、ここ1〜2年のUIトレンドであるフラットデザインについてご存じだと思います。すでにこのトレンドを意識して実践しているかもしれません。今回はフラットデザインの特徴とそのポテンシャルについて考えてみます。 フラットデザインとは、画面に表示するボタンやメニューなどのUI要素を非常に平坦な見た目にするという表現手法です。ウェブでもアプリでも今やこのフラットデザインを取り入れているものが沢山ありますが、中でも代表的なのは、Windows 8 の Modern UI と Google の一連のサービスでしょう。 フラットデザインと言っても、もちろん明確な定義があるわけではなく、フラット度合いは様々に試されていますが、一般的な特徴をあげてみます。 UI要素の「塗り」に、グラデーションやテクスチャを使わず、単色にする ドロップシャドウやベベルといった立体感を出す表現を用
「ユーザーを魅了するUI/UXとは？」 KDDI ∞ Labo open MEETing Vol.8
佐藤啓一郎様 シャープ株式会社 オンリーワン商品・デザイン本部 UI開発センター UXデザイン室 室長 1987年、シャープ株式会社にプロダクトデザイナーとして入社。 オーディオ製品、通信機器のハードウェアデザインを担当。 1994年頃より社内で実験的にユーザーインターフェースデザインを開始し、その後組織化、現在に至る。 スマートフォンからホームアプライアンス、BtoB製品まで広くユーザーエクスペリエンスに携わる。 最近はUIエンジニアとともに新しいUXを産み出すチーム作りを実践中。 中村勇吾様 tha ltd. インターフェースデザイナー 1970年奈良県生まれ。ウェブデザイナー／インターフェースデザイナー／映像ディレクター。東京大学大学院工学部卒業。多摩美術大学客員教授。1998年よりウェブデザイン、インターフェースデザインの分野に携わる。2004年にデザインスタジオ「tha ltd.
第一回スマホデザイン会議
詳細 第一回スマホデザイン会議～成功者のUI法則～ これからのスマホデザインを みんなで学び、考え、作っていく、そんな会議を目指します。
ユーザーエクスペリエンス - Wikipedia
ユーザーエクスペリエンス（英: user experience、UX）はシステムとの出会いに由来してユーザーが得る経験である[1]。ユーザー経験、ユーザー体験とも。 人間は経験という概念を持っている[2]。この経験のうち、製品・サービス・人工物などの独立したシステムを対象として、人間がユーザーとしてそれらに出会い利用した経験をユーザーエクスペリエンスという[3]。例えばコンピュータゲームというシステムに対しAさんが「広告動画を見てワクワクし、友人の体験談で興奮し、ネットで購入し、夜通し遊んで熱中し、数年後にその思い出を振り返る」という体験はUXの1例である。 よいユーザーエクスペリエンスを達成するために、ユーザビリティ工学、インタラクションデザイン、ユーザー中心設計 (UCD) あるいは人間中心設計 (HCD) などが実践される。 定義[編集] 日常用語としてのユーザーエクスペリエンスは「
SIGIXD 2nd Googleにおけるインタラクションデザイン - 安藤日記
安藤日記 安藤日記：デジタルガジェット好き「安藤幸央」の日々のメモ ( yukio.andoh@gmail.com ) [ http://twitter.com/yukio_andoh ] Design Sprint Newsletter https://designsprint.substack.com/ SIGIXD 2nd ------------------------------------------------------- http://sigixd.org/2nd.php Googleにおけるインタラクションデザイン ＃川島さんの示唆に富んだ話がすばらしかった。 川島 優志氏 シニアウェブマスター・アジア太平洋マネージャー: "Behind the web design & Doodle creation" Judy Shade UX Researcher: "UX at
jQuery Mobile
jQuery Mobile is no longer supported To read more about the status of the jQuery Mobile project, see the announcement blog post. A Touch-Optimized Web Framework jQuery Mobile is a HTML5-based user interface system designed to make responsive web sites and apps that are accessible on all smartphone, tablet and desktop devices. Seriously cross-platform with HTML5 jQuery Mobile framework takes the "w
Building TipTheWeb with YUI 3
About the Author: Eric Ferraiuolo is a Director of TipTheWeb and Co-Founder of Oddnut Software. He writes on his blog: 925 HTML, and can be found on Twitter: @ericf. Eric was a featured presenter at YUIConf 2009. TipTheWeb is a new service that lets people directly support their favorite web content by tipping it. For instance, if you find a great blog post, you could tip it 25 cents. TipTheWeb is
Filament Group, Inc. | User Interface Design & Responsive, Accessible, Resilient Web Development | Filament Group, Inc., Boston, MA
we design intuitive, accessible, resilient & beautiful websites and apps. Filament Group is a UI design studio. We love to work with clients who are committed to exceptional user experience and thoughtful consideration of accessibility to ensure universal access. We love making complex things simple and understandable. And we love helping organizations build UI design systems that are robust and s
In-Place-Editor (その場で編集する UI) の jQuery プラグインを書いてみた - Cyokodog :: Diary
更新履歴 2011-07-05 Ver 0.1.5.1 リスト編集モードで値未入力時のラベル表示不具合等を修正しました 2011-06-20 Ver 0.1.5 表示テキストの整形処理を記述できる replaceLabel パラメータを追加しました。 2011-04-29 Ver 0.1.4.1 編集値の変換処理の不具合を修正しました 2011-04-21 Ver 0.1.4 リスト編集モード等の機能追加をしました jQuery exInPlace Editor にリスト編集モード等の機能追加をしました - Cyokodog::Diary 2010-07-17 Ver 0.1.3 editorType パラメータを textarea にし元テキストに br もしくは p が含まれた場合、textarea 内で改行に置換されない不具合を修正しました 2010-07-16 Ver 0.1.2
Windows7のような透過ウィンドウを実現するjQueryプラグイン – creamu
Windows7のようにウィンドウを透過させたい。 そんなときに使えそうなのが、『AeroWindow』。Windows7のような透過ウィンドウを実現するjQueryプラグインです。 divを透過させて、重なったときに後ろが透けて見せることができますね。ダブルクリックすると、びよーんと拡大したり、右下をドラッグするとリサイズすることができます。 デモは以下から。 オンラインデモ 動きが気持ちいいので、一度見てみてください。 AeroWindow gihyoさんでの連載が始まりました。最近のかっこいいUIについて考えたり、作り方を紹介したりしていくので、よろしければご覧ください。 第1回 使いやすいメニューはどう作る？ ?水平メニュー あと代官山で物件を見てきました。めちゃくちゃかっこいいんだけど、うーんもうちょい探そうかな。
フォームのフリガナを自動入力させるAutoRuby.js | ホームページ制作・運営のヒント
<script Language=”javascript” src=”http://ad.jp.ap.valuecommerce.com/servlet/jsbanner?sid=2456113&pid=877160106″></script><noscript><a href=”http://ck.jp.ap.valuecommerce.com/servlet/referral?sid=2456113&pid=877160106″ target=”_blank” ><img src=”http://ad.jp.ap.valuecommerce.com/servlet/gifbanner?sid=2456113&pid
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
日本中の「UI/UX」の参考になるスライド資料を気合いで全部集めました！（たぶん） | BtoBサービスキューレーション Boxil（ボクシル）まとめ！
MetroTwit - the Windows Twitter client you'll love to use
https://forum.jquery.com/portal/en/community/topic/combining-sortable-with-droppable-over-event-not-firing
http://whit.info/dev/sortdrop/
jQT
