タグ 美しいデザイン
人気順 5 users 10 users 50 users 500 users 1000 usersUXにおけるビジュアルデザインの5つの原則 – U-Site
スケール、視覚的な階層、バランス、コントラスト、ゲシュタルトの原則を正しく適用すれば、美しいデザインを生み出せるだけでなく、ユーザビリティも向上させられる。 5 Principles of Visual Design in UX by Kelley Gordon on March 1, 2020 ビジュアルを見たとき、我々はそれが魅力的か不愉快かを、通常、すぐに判断... 続きを読む
誰だか知らないが、この展望台のデザインした奴は天才だなと思った。これが『デザインの勝利』なんだよ。 - Togetter
東京ミッドタウン日比谷の「極力シンプルで美しいデザインにしよう」というデザイナーの欲求がトイレのアイコンを小さくしすぎて「トイレはどこ?」という質問が多発して看板が設置されるの、まさに『デザインの敗北』というほかなくてとてもすき 続きを読む
【デザインの敗北】東京ミッドタウン日比谷の『極力シンプルで美しいデザインにしよう』という意識がトイレのアイコンを小さくしすぎて看板が設置されてしまう - Togetter
東京ミッドタウン日比谷の「極力シンプルで美しいデザインにしよう」というデザイナーの欲求がトイレのアイコンを小さくしすぎて「トイレはどこ?」という質問が多発して看板が設置されるの、まさに『デザインの敗北』というほかなくてとてもすき pic.twitter.com/kpI8LnWkq7 リンク www.hibiya.tokyo-midtown.com 729 6 users 東京ミッドタウン日比谷 東... 続きを読む
Apple風のかっこよくて美しいデザインの背景49種類を簡単に実装できるスタイルシート -HUE.css | コリス
文字や画像をぽんっと配置するだけで、そのコンテンツが映えるApple風の美しいグラデーションの背景49種類をまとめたスタイルシートを紹介します。 コピペで簡単に利用できるので、CSSのスニペットに登録しておくと便利ですね。 HUE.css HUE.css -GitHub HUE.cssを使うと、簡単に美しい背景を作りだすことができます。 Appleのプレゼンテーションスタイルで、Hueを背景に使用... 続きを読む
Apple - OS X El Capitan
Macは、これまで以上にみんなに愛されるコンピュータになりました。その最大の魅力の一つは、OS X。それは、MacがMacである理由です。OS Xを使えば、驚くようなことを簡単に、毎日のあらゆることを楽しくできます。OS X El Capitanは、OS X Yosemiteが持つ画期的な機能と美しいデザインをベースに開発され、その体験に磨きをかけ、パフォーマンスを向上させました。たくさんの小さな... 続きを読む
無料で利用できる高品質Bootstrapテーマコレクション「Bootstrap Zero」
Twitter社が開発した人気のCSS/JavaScriptフレームワーク「Bootstrap」。誰でも簡単に利用できることが売りですが、一からサイトを作り上げるとなると、それなりに時間がかかってしまうかもしれません。 「Bootstrap Zero」は、そのような時に参考にしたい、高品質なBootstrap用のテンプレートコレクションサイトです。Bootstrap的ではない、美しいデザインのテー... 続きを読む
2014年のベストApp&ゲーム「Monument Valley」驚愕の開発費用や収益データ公開 - GIGAZINE
By Akiko Yokoyama 「2014年のベストApp&ゲーム」や「Apple Design Awards(Appleデザイン賞)」を受賞した「Monument Valley」は、有料アプリでありながら、美しいデザインのだまし絵世界を歩き回るゲームとして、2014年の大ヒットアプリの1つとなりました。そんなMonument Valleyの制作元であるustwoが、これまでのダウンロード回数... 続きを読む
美しいUIに一目惚れ!WordPressとは一味違うブログを書くことを楽しむCMS -Ghost | コリス
Ghostはブログを簡単に、そして楽しく書くことを可能にする、シンプルでエレガントにデザインされたオープンソースのCMSです。 一言で言うと、WordPressのブログを書くことに特化した感じでしょうか。 Ghost Ghost -GitHub リリースして間もないのでバージョンはまだ0.3ですが、とても魅力的なCMSになっています。 まずは、Ghostの美しいデザインのダッシュボード。 続きを読む
Webデザインを勉強する時に参考にしたいまとめサイト・記事10選 | TechAcademyマガジン
※本記事はゲストライターが執筆しています Webデザインをこれから勉強しようと思っても、どこから始めていいかわからないということはないでしょうか? そこで、今回はWebデザインを勉強する時に参考にしたいまとめサイト・記事を10個集めてみました。 Web制作初心者の方への指南から、サイトのコーディング、美しいデザインなど、Webサイトのデザインを考える上でとても参考になるものばかりです。 Webデザ... 続きを読む
フラットデザインに即採用!美しい日本語フォント。しかも無料。 | Balance Note
フラットデザインに即採用!美しい日本語フォント。しかも無料。 最早至る所で見聞きするフラットデザイン。Appleを初めGoogleや各ウェブサービス、アプリケーションのUIでもどんどん取り入れられています。ご存知の通り凹凸が無く巧みに配色を考えられた美しいデザインで、しばらくトレンドとなる事は間違いないでしょう。そこでやはり気になるのがフォント。こだわりだせば切りが無いものですが、一度これというも... 続きを読む
Bootstrapだけじゃない!マッハでフラットや美しいデザインのUIが導入できそうなワイヤーフレームやUIキット等色々! | バンクーバーのうぇぶ屋
フラットデザインにしろ、レスポンシブにしろ、僕は周りで良く使われているなと思う物は一応手を付けてみるようにしてきました。それが自分の土俵なら尚更っすね。 その上で、なぜ今それが流行っているのか、なぜそのデザインを採用する人が増えているのか、そういった物を理解するには、自分の手で作るのがてっとり早いと思っているからです。まぁ、フラットについては正直やってみたけど良く分からなかったのが正直な所ですが(... 続きを読む
最近のデザイントレンドを取り入れた美しいデザインのフォームの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
わかりやすく、統一感のあるウェブサイトをデザインする時にあると便利なのがUIキットですが、ウェブ開発・デザインに関する情報やコンテンツを扱うブログBest Open Source Resourcesがそんな美しいデザインのUIキットをリスト化しています。明るいグレーやダークなカラー・木目調など、さまざまなパターンのPSDファイルが無料でダウンロードできるため、頭の中のイメージに合わせてコンテンツを... 続きを読む
[CSS]さまざまなバリエーションを簡単に利用できる美しいデザインのボタンを実装するチュートリアル | コリス
画像は使用せずに、繊細なパターンとグラデーションで美しいボタンをスタイルし、サイズやカラーなどさまざまなバリエーションを簡単に利用できるように実装するスタイルシートのチュートリアルを紹介します。 ベースとなるボタン HTML マークアップは非常にシンプルです。 <a href="" class="button">Button</a> または、button要素でも構いません。 <button cla... 続きを読む
アップル製品と約50年前のブラウン社の家電製品がどれくらい似ているか比べてみた - DNA
日本では電気シェーバーや電動歯ブラシが有名なドイツの家電メーカ「ブラウン」ですが、他にも非常にデザイン性の高いラジオや電卓、スピーカー等の製品も作っています。特に50年ほど昔の製品が現代のアップル製品に多大なる影響を与えているようです。 ブラウン社製品の非常に美しいデザインは伝説的なデザイナーであったディーター・ラムス氏(1955年に退社)が手がけたもの。「より少なく、しかしより良く」との考えのも... 続きを読む
[CSS]dl要素を美しくデザインするスタイルシートのまとめ | コリス
実用的なものからちょっとトリッキーなものまで、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
グラフィックデザイナーやウェブデザイナーの仕事をしていると、使い勝手のよいフォントというのは重宝するものですが、シンプルで美しいデザインのフォントというのはなかなか見つからないもの。というわけで、今すぐに商用でも無料で使えるスタイリッシュなフォント42種類は以下から。 A Collection Of 41 Fonts With Free For Commercial Use License htt... 続きを読む
[JS]ソーシャルメディアの不揃いなボタンを統一した美しいデザインでブログに設置するスクリプト -Koottam | コリス
Twitter, Facebook, Google+, RSSなど、ソーシャルメディアの不揃いなデザインのボタンを統一した美しいデザインにしてブログやサイトに設置するjQueryのプラグインを紹介します。 Koottamの主な特徴 Koottamのデモ Koottamの使い方 Koottamの主な特徴 Twitter, Facebook, Google+などのアカウントを設定するだけで設置できます... 続きを読む
Sparrow: 驚愕のメールアプリ。ReederやFacebookっぽい使い勝手に感動。 - AppBank
Mac版も大人気なあのメールアプリ(メーラー)が、iPhoneアプリとして登場しました。その名もSparrow。 一般的なメールアプリとは大きく異なり、「Reeder」や「Facebook」といったiPhoneアプリに近いと感じました。それも、いいとこ取りをしてる感じ。 美しいデザインながら、実用性はやや低めのClearとは異なり、美しい上にかなり便利です。慣れたらもう標準メールアプリに戻れない人... 続きを読む
[CSS]この発想はなかった!inputとlabelを使って実装する美しいデザインのアコーディオン | コリス
パネルが開いた+ホバー時 パネルが開いている時のアローは上向きに変わります。 デモでは上記のチェックボックス版だけでなく、ラジオボタン版などもあります。 デモページ:チェックボックス版 デモページ:ラジオボタン版 デモページ:チェックボックス版・デフォルトオープン 実装 HTML 一つのアイテムに含まれるのは、チェックボックス、ラベル、コンテンツの3つです。それらをdiv要素で内包します。 <se... 続きを読む
無料で手に入るモダンで美しいデザインの白黒カラー系WordPressテーマ17個 - かちびと.net
たまたま見かけた白黒カラーベースの WordPressのテーマが素敵だったの でご紹介ついでに、モダンで美しいデ ザインのテーマも合わせてご紹介しま す。すべて無料で利用可能です。全部 で17個あります。 コメントは控えます。ぜひデモをご覧下さい。STUDIO DESSIGNSTUDIO DESSIGN / DEMOMINIMAL DESSIGN THEMEMINIMAL DESSIGN THEM... 続きを読む
ディテールにこだわった、美しいデザインのナビゲーション集 | コリス
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開発日誌
50 Gorgeous Navigation Menus | Vandelay Website Design サイトを美しく魅せるゴージャスナビゲーション集。 重厚で美しいデザインのナビゲーションの特集です。 Housing Works Nuttersmark Paiko Good Soh Tanaka Matt Dempsey Web Design Ledger Bridge55 Rzepak ... 続きを読む
センスのいい、美しいデザインの履歴書:Part 2 | コリス
センスのいい、美しいデザインの履歴書 | コリス
PASSION HACK on 2008年4月21日 美しいデザインの履歴書に酔う… 最近、ひとからマーケティングの相談を受けるようになった。 社内外を問わない。 そこで、自分の経験を棚卸ししようと、職務経歴書を書こうとした。 以前、先輩からも定期的にふ (more…) 続きを読む