UXにおけるビジュアルデザインの5つの原則 – U-Site

2020/12/17 230 users U-Site ゲシュタルト ユーザビリティ 階層 原則

スケール、視覚的な階層、バランス、コントラスト、ゲシュタルトの原則を正しく適用すれば、美しいデザインを生み出せるだけでなく、ユーザビリティも向上させられる。 5 Principles of Visual Design in UX by Kelley Gordon on March 1, 2020 ビジュアルを見たとき、我々はそれが魅力的か不愉快かを、通常、すぐに判断... 続きを読む

誰だか知らないが、この展望台のデザインした奴は天才だなと思った。これが『デザインの勝利』なんだよ。 - Togetter

2018/04/03 102 users 敗北 東京ミッドタウン日比谷 欲求 アイコン デザイナー

東京ミッドタウン日比谷の「極力シンプルで美しいデザインにしよう」というデザイナーの欲求がトイレのアイコンを小さくしすぎて「トイレはどこ？」という質問が多発して看板が設置されるの、まさに『デザインの敗北』というほかなくてとてもすき 続きを読む

【デザインの敗北】東京ミッドタウン日比谷の『極力シンプルで美しいデザインにしよう』という意識がトイレのアイコンを小さくしすぎて看板が設置されてしまう - Togetter

2018/04/03 228 users users Togetter 欲求 デザイナー 敗北

東京ミッドタウン日比谷の「極力シンプルで美しいデザインにしよう」というデザイナーの欲求がトイレのアイコンを小さくしすぎて「トイレはどこ？」という質問が多発して看板が設置されるの、まさに『デザインの敗北』というほかなくてとてもすき pic.twitter.com/kpI8LnWkq7 リンク www.hibiya.tokyo-midtown.com 729 6 users 東京ミッドタウン日比谷 東... 続きを読む

Apple風のかっこよくて美しいデザインの背景49種類を簡単に実装できるスタイルシート -HUE.css | コリス

2016/10/24 525 users コリス Hue Apple風 スタイルシート CSS

文字や画像をぽんっと配置するだけで、そのコンテンツが映えるApple風の美しいグラデーションの背景49種類をまとめたスタイルシートを紹介します。 コピペで簡単に利用できるので、CSSのスニペットに登録しておくと便利ですね。 HUE.css HUE.css -GitHub HUE.cssを使うと、簡単に美しい背景を作りだすことができます。 Appleのプレゼンテーションスタイルで、Hueを背景に使用... 続きを読む

Apple - OS X El Capitan

2015/06/08 130 users Apple コンピュータ Mac パフォーマンス ベース

Macは、これまで以上にみんなに愛されるコンピュータになりました。その最大の魅力の一つは、OS X。それは、MacがMacである理由です。OS Xを使えば、驚くようなことを簡単に、毎日のあらゆることを楽しくできます。OS X El Capitanは、OS X Yosemiteが持つ画期的な機能と美しいデザインをベースに開発され、その体験に磨きをかけ、パフォーマンスを向上させました。たくさんの小さな... 続きを読む

無料で利用できる高品質Bootstrapテーマコレクション「Bootstrap Zero」

2015/02/14 441 users Bootstrap Zero Bootstrap テー 無料

Twitter社が開発した人気のCSS/JavaScriptフレームワーク「Bootstrap」。誰でも簡単に利用できることが売りですが、一からサイトを作り上げるとなると、それなりに時間がかかってしまうかもしれません。 「Bootstrap Zero」は、そのような時に参考にしたい、高品質なBootstrap用のテンプレートコレクションサイトです。Bootstrap的ではない、美しいデザインのテー... 続きを読む

2014年のベストApp＆ゲーム「Monument Valley」驚愕の開発費用や収益データ公開 - GIGAZINE

2015/01/19 147 users GIGAZINE ustwo 驚愕 ダウンロード回数 制作元

By Akiko Yokoyama 「2014年のベストApp＆ゲーム」や「Apple Design Awards(Appleデザイン賞)」を受賞した「Monument Valley」は、有料アプリでありながら、美しいデザインのだまし絵世界を歩き回るゲームとして、2014年の大ヒットアプリの1つとなりました。そんなMonument Valleyの制作元であるustwoが、これまでのダウンロード回数... 続きを読む

美しいUIに一目惚れ！WordPressとは一味違うブログを書くことを楽しむCMS -Ghost | コリス

2013/11/18 111 users Ghost GitHub コリス CMS ダッシュボード

Ghostはブログを簡単に、そして楽しく書くことを可能にする、シンプルでエレガントにデザインされたオープンソースのCMSです。 一言で言うと、WordPressのブログを書くことに特化した感じでしょうか。 Ghost Ghost -GitHub リリースして間もないのでバージョンはまだ0.3ですが、とても魅力的なCMSになっています。 まずは、Ghostの美しいデザインのダッシュボード。 続きを読む

Webデザインを勉強する時に参考にしたいまとめサイト・記事10選 | TechAcademyマガジン

2013/10/08 906 users TechAcademyマガジン コーディング 指南 参考

※本記事はゲストライターが執筆しています Webデザインをこれから勉強しようと思っても、どこから始めていいかわからないということはないでしょうか？ そこで、今回はWebデザインを勉強する時に参考にしたいまとめサイト・記事を10個集めてみました。 Web制作初心者の方への指南から、サイトのコーディング、美しいデザインなど、Webサイトのデザインを考える上でとても参考になるものばかりです。 Webデザ... 続きを読む

フラットデザインに即採用！美しい日本語フォント。しかも無料。 | Balance Note

2013/08/30 1263 users Balance Note 配色 フォント アプリケーション

フラットデザインに即採用！美しい日本語フォント。しかも無料。 最早至る所で見聞きするフラットデザイン。Appleを初めGoogleや各ウェブサービス、アプリケーションのUIでもどんどん取り入れられています。ご存知の通り凹凸が無く巧みに配色を考えられた美しいデザインで、しばらくトレンドとなる事は間違いないでしょう。そこでやはり気になるのがフォント。こだわりだせば切りが無いものですが、一度これというも... 続きを読む

Bootstrapだけじゃない！マッハでフラットや美しいデザインのUIが導入できそうなワイヤーフレームやUIキット等色々！ | バンクーバーのうぇぶ屋

2013/08/06 424 users Bootstrap ワイヤーフレーム バンクーバー マッハ

フラットデザインにしろ、レスポンシブにしろ、僕は周りで良く使われているなと思う物は一応手を付けてみるようにしてきました。それが自分の土俵なら尚更っすね。 その上で、なぜ今それが流行っているのか、なぜそのデザインを採用する人が増えているのか、そういった物を理解するには、自分の手で作るのがてっとり早いと思っているからです。まぁ、フラットについては正直やってみたけど良く分からなかったのが正直な所ですが（... 続きを読む

最近のデザイントレンドを取り入れた美しいデザインのフォームのPSD素材のまとめ | コリス

2013/01/23 241 users コリス PSD素材 デザイントレンド フォーム まとめ

Archive by month 2013年1月 (26) 2012年12月 (37) 2012年11月 (53) 2012年10月 (60) 2012年9月 (49) 2012年8月 (59) 2012年7月 (65) 2012年6月 (57) 2012年5月 (37) 2012年4月 (40) 2012年3月 (39) 2012年2月 (41) 2012年1月 (32) 2011年12月 (3... 続きを読む

無料でダウンロードできる洗練されたデザインのUIキットいろいろ - GIGAZINE

2012/11/16 970 users PSDファイル 木目調 ダーク 明るいグレー ウェブサイト

わかりやすく、統一感のあるウェブサイトをデザインする時にあると便利なのがUIキットですが、ウェブ開発・デザインに関する情報やコンテンツを扱うブログBest Open Source Resourcesがそんな美しいデザインのUIキットをリスト化しています。明るいグレーやダークなカラー・木目調など、さまざまなパターンのPSDファイルが無料でダウンロードできるため、頭の中のイメージに合わせてコンテンツを... 続きを読む

[CSS]さまざまなバリエーションを簡単に利用できる美しいデザインのボタンを実装するチュートリアル | コリス

2012/09/19 115 users コリス Button チュートリアル CSS class

画像は使用せずに、繊細なパターンとグラデーションで美しいボタンをスタイルし、サイズやカラーなどさまざまなバリエーションを簡単に利用できるように実装するスタイルシートのチュートリアルを紹介します。 ベースとなるボタン HTML マークアップは非常にシンプルです。 <a href="" class="button">Button</a> または、button要素でも構いません。 <button cla... 続きを読む

アップル製品と約50年前のブラウン社の家電製品がどれくらい似ているか比べてみた - DNA

2012/09/08 421 users DNA 電卓 アップル製品 退社 家電製品

日本では電気シェーバーや電動歯ブラシが有名なドイツの家電メーカ「ブラウン」ですが、他にも非常にデザイン性の高いラジオや電卓、スピーカー等の製品も作っています。特に50年ほど昔の製品が現代のアップル製品に多大なる影響を与えているようです。 ブラウン社製品の非常に美しいデザインは伝説的なデザイナーであったディーター・ラムス氏(1955年に退社)が手がけたもの。「より少なく、しかしより良く」との考えのも... 続きを読む

[CSS]dl要素を美しくデザインするスタイルシートのまとめ | コリス

2012/08/01 315 users コリス CSS dl要素 div class dl class

実用的なものからちょっとトリッキーなものまで、dl要素を使った美しいデザインのスタイルシートを紹介します。 In Defence of the Definition List HTML <dl class="wrapper1"> <dt>News Item 1</dt> <dd><div class="div1">Lorem ipsum dolor sit amet, consectetur ad... 続きを読む

無料で商用利用可能なスタイリッシュかつシンプルなフォントいろいろ - GIGAZINE

2012/05/10 729 users ウェブデザイナー GIGAZINE 商用 よいフォント 以下

グラフィックデザイナーやウェブデザイナーの仕事をしていると、使い勝手のよいフォントというのは重宝するものですが、シンプルで美しいデザインのフォントというのはなかなか見つからないもの。というわけで、今すぐに商用でも無料で使えるスタイリッシュなフォント42種類は以下から。 A Collection Of 41 Fonts With Free For Commercial Use License htt... 続きを読む

[JS]ソーシャルメディアの不揃いなボタンを統一した美しいデザインでブログに設置するスクリプト -Koottam | コリス

2012/05/01 910 users Twitter Facebook jQuery コリス RSS

Twitter, Facebook, Google+, RSSなど、ソーシャルメディアの不揃いなデザインのボタンを統一した美しいデザインにしてブログやサイトに設置するjQueryのプラグインを紹介します。 Koottamの主な特徴 Koottamのデモ Koottamの使い方 Koottamの主な特徴 Twitter, Facebook, Google+などのアカウントを設定するだけで設置できます... 続きを読む

Sparrow: 驚愕のメールアプリ。ReederやFacebookっぽい使い勝手に感動。 - AppBank

2012/03/17 136 users Sparrow メールアプリ AppBank Reeder

Mac版も大人気なあのメールアプリ（メーラー）が、iPhoneアプリとして登場しました。その名もSparrow。 一般的なメールアプリとは大きく異なり、「Reeder」や「Facebook」といったiPhoneアプリに近いと感じました。それも、いいとこ取りをしてる感じ。 美しいデザインながら、実用性はやや低めのClearとは異なり、美しい上にかなり便利です。慣れたらもう標準メールアプリに戻れない人... 続きを読む

[CSS]この発想はなかった！inputとlabelを使って実装する美しいデザインのアコーディオン | コリス

2012/02/21 251 users コリス アコーディオン CSS 発想

パネルが開いた+ホバー時 パネルが開いている時のアローは上向きに変わります。 デモでは上記のチェックボックス版だけでなく、ラジオボタン版などもあります。 デモページ：チェックボックス版 デモページ：ラジオボタン版 デモページ：チェックボックス版・デフォルトオープン 実装 HTML 一つのアイテムに含まれるのは、チェックボックス、ラベル、コンテンツの3つです。それらをdiv要素で内包します。 <se... 続きを読む

無料で手に入るモダンで美しいデザインの白黒カラー系WordPressテーマ17個 - かちびと.net

2011/02/04 377 users net 無料

たまたま見かけた白黒カラーベースの WordPressのテーマが素敵だったの でご紹介ついでに、モダンで美しいデ ザインのテーマも合わせてご紹介しま す。すべて無料で利用可能です。全部 で17個あります。 コメントは控えます。ぜひデモをご覧下さい。STUDIO DESSIGNSTUDIO DESSIGN / DEMOMINIMAL DESSIGN THEMEMINIMAL DESSIGN THEM... 続きを読む

ディテールにこだわった、美しいデザインのナビゲーション集 | コリス

2010/10/26 400 users コリス ナビゲーション集

Archive by month 2010年10月 (48) 2010年9月 (47) 2010年8月 (59) 2010年7月 (49) 2010年6月 (43) 2010年5月 (35) 2010年4月 (48) 2010年3月 (53) 2010年2月 (51) 2010年1月 (45) 2009年12月 (65) 2009年11月 (38) 2009年10月 (49) 2009年9月 (5... 続きを読む

サイトを美しく魅せるゴージャスナビゲーション集:phpspot開発日誌

2008/11/14 178 users ナビゲーション phpspot開発日誌 特集

50 Gorgeous Navigation Menus | Vandelay Website Design サイトを美しく魅せるゴージャスナビゲーション集。 重厚で美しいデザインのナビゲーションの特集です。 Housing Works Nuttersmark Paiko Good Soh Tanaka Matt Dempsey Web Design Ledger Bridge55 Rzepak ... 続きを読む

センスのいい、美しいデザインの履歴書:Part 2 | コリス

2008/07/12 267 users コリス センス 履歴書 Part 2

続きを読む

センスのいい、美しいデザインの履歴書 | コリス

2008/03/07 493 users MORE マーケティング コリス 職務経歴書 先輩

PASSION HACK on 2008年4月21日 美しいデザインの履歴書に酔う… 最近、ひとからマーケティングの相談を受けるようになった。 社内外を問わない。 そこで、自分の経験を棚卸ししようと、職務経歴書を書こうとした。 以前、先輩からも定期的にふ (more…) 続きを読む