デザインのインスピレーションが得られる最強Webサービス7選
毎日のようにデザインをしていると、良いデザインが思いつかなかったり、前回と同じようなデザインが完成してしまったりと、どうしてもデザインに行き詰ってしまうことがありますよね。 私自身まだまだ未熟なこともあり、デザインに行き詰ることはよくあります。そんなとき、私は極力仕事中でもカメラ片手にボーっと散歩に出たりして、どうにかインスピレーションを刺激させようとするんですが、散歩に出られないときや、散歩に出ても何も思い浮かばなかったときなどは、いくつかのWEBサイトを見てインスピレーションを刺激させます。 ｢インスピレーションの刺激になるぞ｣と思ってブックマークしたサイトはいくつもあるんですが、今回はその中から、とくに皆さんに紹介したい利用頻度の高い7つwebのサービスを紹介したいと思います。ではどうぞ！ 1.Dribbble Dribbble これはかなり有名なサイトですね。いまさら紹介するまでも
Web制作フローの再考とDesigning in the browser
多様化するwebサイト、増加するデバイスに適応していくために今までのWeb制作のワークフローも見直す必要があるのではないでしょうか。またその一つの手法としてDesigning in Browserについて書きました。 現在ではWebサイトも、インタラクティブなサイト、アプリのようなサイト、可変するサイトなど様々なスタイルが見られるようになってます。 また、Webを閲覧できる環境もPCからスマートフォン、タブレット、テレビ、カーナビなど増加し続けてます。 それに伴い今まで以上にテストケースが増えてきてます。 今までのような静的なデザインを作ってから開発、テストというWeb制作のワークフローでこの変化の流れに対応できてるのでしょうか。 まず静的なデザインはあくまでこのように見えるという仮説であり、 解像度やスクリーンサイズが異なれば見え方も変わってきます。 更にどのように動くのかまでは表現でき
サイトの背景色を灰色にすると、読者はコンテンツに集中する - PLROG
ブログの背景を灰色に設定すると、読者はコンテンツに集中して読めるそうです。 みなさんは、ブログの背景色を何色に設定していますか？ このサイトは見ての通り、白です。真っ白です。アルティメットホワイトです。 ブログに限らず何らかのものをデザインするとき、 パーツごとに色を設定してしまうと喧騒にあふれたデザインになってしまいます。 われわれデザイナーは、全体の調和を保ちつつ、適切な色を設定していきます。 多くのブロガーはそこまでデザインについて学ばないため、 上記のような調和のとれたWebデザインを実現することは難しいものです。 そこでちょっと耳にしておきたいのが、 背景を灰色に設定すると読者はコンテンツに集中する、ということ。 デザイン知識がなくとも、 背景を灰色にすると多くの読者に読んでもらえるかもしれません。 威張らない“背景”となる色 灰色というと、“色や味が一切無く中途半
Visual Hierarchy in Mobile Design | Codrops
Basic design principles, like visual hierarchy, are very important in web design. Unfortunately, many of the new mobile apps are not designed with visual hierarchy in mind. Mobile (web) apps need an ordered and visually appealing design for a comfortable and enjoyable user experience. According to the first definition in dictionary.com, hierarchy is defined as “any system of persons or things rank
無料で使えるUIデザインの基本要素が詰まった32の素材集 ｜SEO Japan by アイオイクスSEO Japan｜アイオイクスのSEO・CV改善・Webサイト集客情報ブログ
先日、UIデザインが素晴らしい35のウェブスタートアップという記事が人気となりました。今回はあんな今風のウェブUIを気軽に簡単にデザインしてみたい！という方のためにフォトショップ用のUIエレメントのファイル集を32厳選してご紹介。どれもフォトショップ形式、かつベーシックなまさに今風にデザインされた要素ばかりなので、便利に使えそうです。 — SEO Japan Butterscotch UI Kit Lion OSX UI Kit PSD Calendar PSD Search Drop-down PSD Volume Slider Mini Web UI Set Cloudy UI kit Dark UI Kit Modern UI Kit UI Bundle Detailed UI Kit iTunes Inspired UI Kit (PSD) iPad Application Moc
シリコンバレーで聞いたデザインが美しいWebサービス／アプリ15選 - パパパパ
このブログは、僕がこれまでWebサービスをいくつか作ってきて、失敗したり成功したり色々体験していることをまとめています。 シリコンバレーに来て45日が経ちました。今日はいつもと趣向を変えて、こちらで聞いた、デザインやUI/UXが美しいWebサービスやアプリの一部を紹介してみたいと思います。 Chill http://chill.com/ デザインのイケてるサービスを聞くと、かなりの確率でこのサービスの名前が挙がりました。動画の上に投稿者のプロフィール画像が円形に表示されているのが素敵です。詳細ページの「Thoughts?」ボタンの動きが秀逸。色々参考になるサイトだと思います。 ChillのようにPinterest風デザインは、今まさにトレンドのようで、教えてもらったサイトの中でも本家に負けず劣らずのデザイン性を持ったサービスも多いです。女性ウケが良いことと、画像をファーストビューでたくさん
モバイルサイトデザイン集のモバイルデザインアーカイブ 公式サイト
モバイルデザインアーカイブとは？ 携帯サイトを制作する上で、「ケータイサイトを参考にしたいけど、仕事に役に立つケータイサイト集ないかなー？」と思っているデザイナーの方へ向けて公開させていただきました。 そんなモバイルデザイナーのモバイルデザイナーによるモバイルデザイナーのための国内最大の携帯サイト集です。 モバイルサイト制作を請け負ったけど、「なかなかデザインがまとまらない」「洗練 された携帯サイトのデザインを参考にしたい」といった方のために、優れたデザインの ケータイサイトを集めました。 デザインに優れた携帯サイトはもちろん、技術的に優れた携帯サイト、そして現在のウェブトレンドを捉えた携帯サイトを掲載しています。
Ultimate guide to table UI patterns : Janko Jovanovic
Many agree that tables are a phenomenon in user interface design: they are very important parts of user interfaces but often overlooked. Tables show structured data and their purpose is to make that data readable, scannable and easily comparable. The thing is that in many cases tabular data is obscured. This is why tables have bad reputation and many find them boring. The truth is that the are eve
心地よいUIデザインの理由
スマートフォンアプリ開発のコツについてお話する連載、第2回となる今回は、スマートフォンアプリのUIについて述べたいと思います。前回のアイデア探しと同様に、あまり詳細に取り上げられることのない心地よいUIデザインについて持論を述べていきます。2011年12月に開催された「スマートフォン＆タブレット 2011 冬」で筆者が講演した内容（関連記事）と重なる部分もありますが、ご容赦ください。 UIデザインはプログラミングよりも先に スマートフォンはアプリによって様々なツールに変わる汎用的なデバイスであると言えます。ユーザーは必要なアプリをインストールすることでスマートフォンの機能をカスタマイズすることができます。マーケットには相当数のアプリがリリースされ、このような汎用デバイスを通した機能利用の普及が進んでいます。従来は目的別の専用デバイスを購入していたわけですが、その一部はソフトウエアレイヤーに
フラットなフリーの日本向けソーシャルアイコンセットを作りました。 | バニデザノート
関連記事 [update!] 基本最低限、カスタマイズするだけの無料wordpressテンプレート「bee1.2」 2012/09/19 [配布]photoshopでドットのラインを描く方法＆破線（点線）ブラシ 2011/11/21 ウェブデザインのワイヤーフレーム（モックアップ）作成で使える、シンプルなOmniGraffleステンシルを作りました。 2011/10/07 12×12pxのミニマムなソーシャルアイコンセットを作りました。 2011/09/24 カラーリングでフォルダを見分けたい方に。mac os x lion で使えるカラーフォルダアイコン 2011/09/21 基本最低限だけ、あとはカスタマイズするだけのwordpressテンプレート「bee」 2011/08/22 フラットなフリーの日本向けソーシャルアイコンセットを作りました。 2011/08/21 Comments:
ミニマル、シンプル、ダイナミック…。 すっきりしたホワイトスペースの使い方が上手い国内サイト30個 / Maka-Veli .com
前回の記事で少し語弊があったようなので、国内リスペクト記事です。 画像クリックで拡大。サイトへのリンクはURLよりどうぞ※同一ウィンドウ http://blite-design.com/ http://www.kazurasei.co.jp/ http://www.yu-nakagawa.co.jp/ http://momochisoap.com/ http://yamamototakashi.jp/ http://amodel.jp/ http://www.kohchosai.co.jp/ http://jitto.jp/#/ http://giraffe-tie.com/ http://www.arisakadesign.com/ http://www.kioyoneda.com/ http://g-u-k.jp/ http://qiuto.jp/ http://www.bisyo
「WEBデザイナー」ってなんぞや？至極当然かもしれないけど何万回と伝えてきた絶対の5ヶ条 | バンクーバーのうぇぶ屋
WEBを作れる人と、WEBデザイナーって何が違うんですかね？WEBサイトを作れる人がWEBデザイナーなのであれば、今やぶっちゃけ誰でもWEBデザイナーになれちゃうことになりますよね。 僕の妹も以前プロフィールサイト（？）的なウェブページらしき物を作っていたのですが（お、お兄ちゃんはそんなもの作るだなんて聞いてないんだからね！！）、そんなやんちゃな妹がWEBデザイナーかと言えばやっぱ違うわけですよね。 じゃぁ、何がいったいWEBデザイナーなのか、PhotoshopやらDreamweaverやらといった類のツールを使えればWEBデザイナーなのか、お金もらえばWEBデザイナーなのか、かっこいいサイトを作ることができればWEBデザイナーなのか。 この記事自体、僕の考えが全て正しいと言うつもりは毛頭無い駄文記事ですが、少なくとも僕がディレクターとしてデザイナーに何を求めているのかという視点で今日は記
女性向けサイトをデザインするときに役立ちそうな資料や素材
女性向けサイトに使える！Web系女子から学ぶ6つ... / 女子のための情報サイトデザイン21+4 | Co... / 女性の生活を愉しくする情報満載！女性向け人気サイ...他...全6件
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
ウェブデザインのセンスを学ぼう、2012年上半期洗練されたディテールのUIデザインのまとめ
Create a Watercolor-Themed Website Design with Photoshop | Envato Tuts+
UIデザインに行き詰ったときに見るとインスピレーションが得られるサービス
色彩センスのいらない配色講座
LogoSauce - Recent logos
新着記事
sp-web.jp