ウェブデザインのセンスを磨こう！ 2013年洗練されたディテールのUIデザインのまとめ2013年、チェックしておきたいUIデザインをdribbbleから紹介します。 高解像度の.psdや.pngファイルをダウンロードできたり、動きをアニメーションgifで楽しめたりします。 2013年のデザインを振り返りつつ、来年はまたどんな素敵なデザインが生まれるのか楽しみですね。
ノンデザイナーこそ押さえておきたい! UI/UXが学べる神スライド7選 | Find Job ! Startup
競合に負けないWebサービスをつくるため、UI（User Interface）、UX（UserExperience、ユーザー体験）にこだわるのは、もはや常識。良いUI/UXはチーム全員で考えることが、良いサービスをつくる秘訣です。 エンジニアやWebディレクターも学んで損はしません。もちろん、本職デザイナーの方々にも役立つ7つのスライド厳選まとめです！ 目次 基礎知識 １．UXのためのUIデザイン ２．UX is not UI ３．ククパド美ちゃんと学ぶ！クックパッドのUI改善プロセス：前編 応用編（Webサイト） ４．ククパド美ちゃんと学ぶ！クックパッドのUI改善プロセス：後編 ５．コンテンツで改善する UI デザインの極意 応用編（スマホアプリ） ６．UI＆UX / 重要なのは、毎日さわって嬉しいUI UX! 応用編（タブレットアプリ） ７．ニコニコ超デザイン-
思わず触りたくなるiOSのUIデザイン - RyoAnna
ユーザーインターフェイスが洗練されているアプリは、使っていて気持ちいい。ボタンの形、配置、配色、画面の遷移、アニメーション。これらのデザインと機能がマッチすると、多くの人に受け入れられるアプリになる。 今回はiOS、特にiPhoneのUIデザインを紹介したい。どれも触りたくなるものばかりだ。 Qiwy iOS/iPhone app curl test by Mikael Eidenberg UX/iOS/UI iPhone idea with video process by Cuberto Qiwy iOS/iPhone app switch and slider by Mikael Eidenberg Untitled iOS/iPhone synth app navigation by Mikael Eidenberg Iphone UI by Matthias Mayr Busin
40+ Fresh and Free Web UI and Mobile Kits for Developers and Designers - noupe
40+ Fresh and Free Web UI and Mobile Kits for Developers and Designers In this round-up, we are showcasing fresh and free web UI design kits as well as some mobile kits. This collection will astonish you, but, more importantly, save your valuable time. Designing a user interface (UI) is a difficult task, because it takes lots of time and needs loads of patience as well. Furthermore, designing user
iOS6, Android5のスマフォやタブレットに早くも対応したUI用のフレームワーク -ChocolateChip-UI ver2.0
iPad, iPhoneのiOS6, iOS5、AndroidのJelly Bean, Ice Cream Sandwichなど、最新のスマートフォンやタブレットデバイスに対応したUI用のフレームワークを紹介します。 ChocolateChip-UI ver2.0 ChocolateChip-UI -GitHub ChocolateChip-UIはWAMLと呼ばれるマークアップ言語を使い、簡単にさまざまなUIエレメントを実装できます。 制作時は、Webkit系ブラウザ（Chrome, Safari）などのデスクトップ環境でもテストできます。 下記に、ChocolateChip-UIのデフォルトで用意されているUIエレメントをいくつか紹介します。 もちろん、デザインはカスタマイズできます。
jQuery UIを使ったタブの数が多くてもレイアウトを崩さないようにするスクリプト・plusTabs - かちびと.net
jQuery UIを使ったタブコンテンツ でタブ数が多数有ってもレイアウト を崩さないようにドロップダウン化 するスクリプトです。確かにちょっ と問題だったのでありがたいです。 ドロップダウン+タブメニューという 感じ。 タブでコンテンツをその場で切り替える、という手法はかなり一般的になりました。ブログなどでもサイドカラムでよく見られますね。 ただ、そのタブ数が増えてしまうとボタンが収まりきらずにレイアウトを崩してしまうので複数用意したり、という事で対応している事がしばしばですが、そのタブ数が増えても一箇所に収められるようにしたのが今日のスクリプトです。前置き長いですね。 動作サンプルです。通常横並びになるタブがドロップダウン内に一纏めになっています。通常のタブはワンクリックで済むのに対してこれだともう一回クリックする必要があるので数が少ないと逆効果ですが、数を気にせず1箇所にこうして収め
綺麗目で見やすいjQuery UIのデザインテーマ・DELTA - かちびと.net
jQuery UIのデザインテーマ・DELTAの ご紹介。使い勝手の良いjQuery UIです が、デザインの変更は結構工数を食い ます。DELTAはそんなjQuery UIのデザ インを綺麗目で見やすくしたテーマ。 Twitter Bootstrapライクでとっても 見やすいです。 パッと見、Twitter Bootstrapっぽい感じのデザインテーマです。 スライドバーやボタン、トグルスイッチ、デートピッカーなどのデザインが用意されています。 Sample こんな感じ。クライアントワークじゃなかなかそのまま利用する機会は無いですけど、Twitter Bootstrapなどのフレームワークをそのまま利用しているサイトなら割りとマッチする気がします。 僕自身、jQuery UIを使う際に大まかなデザイン変更をした事が無いので、デザイン変更の参考コードとしてお借りします。ライセンスはMITと
AndroidのUIデザインパターンを専門に収集しているギャラリーサイト・Android niceties - かちびと.net
Androidに特化したUIデザインパターン のギャラリーサイト・Android niceties のご紹介です。自動で次のページを読み 込んでくれるのでサクサクギャラリーを 見る事が出来ます。特化型のギャラリー は少ないので覚えておいて損は無いと 思います。 AndroidのUIデザインパターンを専門に収集しているギャラリーです。Tumblrが使われています。 1つのサイトに数枚のキャプチャが横並びで掲載されています。スクロールすると次のページを自動で読み込んでくれるのでサクサク確認出来ます。 ↑ ちょっと分かりにくいかもですけど、キャプチャ下部にサイトコンテンツ別で分けられたタグが有ります。 ↑ キャプチャのサイズの変更も可能。 暇なときのインスピレーション向上にいかがでしょう。ご利用は以下よりどうぞ。 Android niceties
[UI Design] Meerli - Mobile Appの優れたUIギャラリー
[UI Design] Meerli – Mobile Appの優れたUIギャラリー Pocket Tweet Mobile Appの優れたUIデザイン事例を紹介するデザインギャラリー。ページ遷移なしで複数の場面を見る事ができ、なかなか使いやすいです。デザイナーによって作例をソートする事ができ、iPhone AppやiPad Appという条件抽出もできます。Android Appに関してはグレーアウトになってるので、今はないけど今後用意する予定なんでしょうか。サイトデザインも今風で（透過PNGの使い方とかウマいなー）、このサイト自体うまくデザインされてるなーという印象。UIデザインのネタ帳に使えそうです。 Meerli
UIデザイナーが知っておくべきエンドユーザーの10の特徴
ユーザーの視点に立ってデザインされていないインターフェースは、エンドユーザーに受け入れてもらえないはずだ。そこで本記事では、UIデザイナーが念頭に置いておくべきユーザーの習慣や考え方について焦点を当てる。 つい最近、「Ubuntu Unity」はUbuntuに正式搭載されてから1周年を迎えた。また、「Windows 8」はリリースを間近に控えている。こういった状況のなか、すべてのユーザーインターフェース（UI）は同じように作られていないという事実が明らかになってきている。実際のところ、コンピュータの使い方に革命的な変化をもたらすような素晴らしいUIデザインもあり得るだろうが、エンドユーザーを念頭に置いていないものは、その素晴らしさを証明する間もなく失敗作という烙印を押されてしまうはずだ。 筆者は長年に渡るコンピュータ経験のなかで、ほとんどすべてのLinuxデスクトップと、あらゆるバージョン
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
UIデザインについて改めてしっかりと学ぶために参考になるスライドまとめ
ウェブデザインのセンスを磨く！ 2012年下半期洗練されたディテールのUIデザインのまとめ
jQuery UIの各エレメントをレトロ風のかわいいデザインに変更するテーマファイル -jQuery UI Theme Retro
ウェブ初心者も安心して作成できる、無料HTMLテンプレート素材24個まとめ - PhotoshopVIP
実用性を重視して作成された、iPhone5のUIエレメントのPSD素材 -iOS 6 GUI PSD
meer.li
[UI Design] 12 Fresh and Free UI PSDs - フリーで配布されているUIパーツまとめ
CSS3で実装されたUIエレメントのオープンソースのまとめ -CSS3 Code Snippets | コリス
UIエレメントのデザインに悩んでる人にぴったり、UIエレメントのリソースが探せる・見つかる・使える -UICloud
ウェブデザインのセンスを学ぼう、2012年上半期洗練されたディテールのUIデザインのまとめ