2012年上半期、チェックしておきたいUIデザインをdribbbleから紹介します。 ほとんどのものがPSDファイルをダウンロードできるので、勉強になりますよ。

実際のウェブサイトを例に、ずっと廃れないであろうページレイアウトの10のパターンとその特徴を紹介します。 10 Evergreen Website Layouts (that will never go out of style) [ad#ad-2] 下記は各ポイントを意訳したものです。 2カラム、広いヘッダ 3カラム、広いヘッダ フォーボックス 不確定なグリッド 大きいスクリーンショット シングルカラム 打ち出し画像 固定サイドバー グリッドベースのギャラリー マガジンスタイル [ad#ad-2] 2カラム、広いヘッダ これは最も普通のレイアウトと言ってもよいでしょう。広いヘッダが上部にあり、960pxを2カラムにし、一つは広く、もう一つは狭くしたものです。狭い方はサイドバーでナビゲーションなどが設置してあります。 慣習的に、ブログでは広い方の右にナビゲーションを置き、スタティックなサイ

自分用にまとめのまとめみたいな感じです。 同じフォントでも、等幅、プロポーショナル、太さの種類が複数ある等々のものは、どれも同種としてカウントしたつもりです。ただ、漢字部分は同じで、ひらがなカタカナ部分だけ違うとか、英数字部分だけ違うとか、微妙な違いのフォントがあるので、似たようなのがカウントされてたりするかもしれない。 それでも、かなり古いものから、定番もの、最近リリースされたもの、最近更新されたものまで、まともに使えないのもあるけど、単純にリストの数かぞえたら、番外編抜いても242種類もありました。多すぎて整理できてないのはあれですが。 自分なりに注釈付けてますけど、間違いがあるかもしれないんで、（特に商用）利用する前には、必ず規約やライセンス、付属のテキストをよく確認して下さい。また、ライセンス上無保証であるものも多いので、いずれも自己責任での利用をお願いします。 2012/02/1

7 mistakes developers make [ad#ad-2] 下記は各ポイントを意訳したものです。 はじめに 1. 良いデザインがどのように見えるか 2. カラー選択の理由は好みだからはダメ 3. 真ん中配置の誘惑 4. フォント選びは慎重に 5. 情報の詰め込み過ぎ 6. 質問をもって 7. ディテールは時間の浪費？ はじめに もしあなたがフリーランスのコーダーであるなら、あなたの資産の一つに、ウェブ開発の始めから終わりまで全てのプロセスを把握している、ということがあります。これはデザインも含みます。 プログラマーはコードと素晴らしく構築されたシステムをデザインし、自身がデザイナーであると言えるでしょう。また、個人のプロジェクトなどで、ウェブサイトを作成しなければならないかもしれません。 これはデザインでビジュアルの何かに違和感があっても、あなたがデザインのために良い目を持っ

ウェブデザインのセンスを磨く方法の一つに、他人の作ったものを数多く見ることがあります。 2011年が終わる前に、チェックしておきたいUIデザインをdribbleから紹介します。

㱈呍䰾਼䡅䅄㸊㱔䥔䱅㹇牡礠䝲慰桩捳㰯呉呌䔾਼千剉偔慮杵慧攽≊慶慓捲楰琢㸊㰡ⴭ੦畮捴楯渠浤ㄨ椩⁻੤潣畭敮琮業慧敳嬢湡浧楦≝⹳牣㴢杩是普慭攢‫⁩‫∮杩昢㬊紊晵湣瑩潮搲⡩⤠笊摯捵浥湴⹩浡来獛≮慭杩昢崮獲挽≧楦⽦湡浥〮杩昢㬊紊⼯‭ⴾ਼⽓䍒䥐吾਼⽈䕁䐾਼䉏䑙⁍䅒䝉么䕉䝈吽∱㔢⁌䥎䬽∣晦晦晦∠䉇䍏䱏刽∣晦晦晦∠呅塔㴢⌴挴挴挢噌䥎䬽∣晦晦晦∠䅌䥎䬽∣晦晦晦∠䉁䍋䝒何乄㴢杩是执⹇䥆∾਼呁䉌䔠坉䑔䠽∱〰┢⁂佒䑅刽∰∠䍅䱌卐䅃䥎䜽∰∠䍅䱌偁䑄䥎䜽∰≈䕉䝈吽∳㜵∾਼呒㸊㱔䐠坉䑔䠽∱〰┢⁁䱉䝎㴢䍅乔䕒∾਼呁䉌䔠坉䑔䠽∷㔥∠䉏剄䕒㴢〢⁃䕌䱓偁䍉乇㴢〢⁃䕌䱐䅄䑉乇㴢〢⁈䕉䝈吽∳㌷∾਼呒㸊㱔䐠坉䑔䠽∱〰┢㸊㱔䅂䱅⁗䥄呈㴢㐴㠢⁂佒䑅刽∰∠䍅䱌卐䅃䥎䜽∰∠䍅䱌偁䑄䥎䜽∰∠䡅䥇䡔㴢㌳㜢㸊㱔刾਼呄⁗䥄呈㴢ㄸ∠䡅䥇䡔㴢ㄸ∾㱉䵇⁓剃㴢杩是ㄮ䝉䘢⁗䥄呈㴢ㄸ∠䡅䥇䡔㴢ㄸ∾㰯呄㸊㱔䐠坉䑔䠽∴ㄲ∠䡅䥇䡔㴢ㄸ∠䉇䍏䱏刽∣晦晦晦∾㱉䵇⁓剃

Pin the extensionThis will allow you to have quick access to the calendar Click on the calendar iconThe calendar will appear in the upper right corner. You can flip through the months and change the year.

他人のブックマークって気になりませんか？特に同じ業界の人のブックマークってすごく気になりますよね。 興味本位でWEB屋友人のブックマークしてるサイトを教えてもらうことも多いですが、なんだか狙いすましたように、いろんな人が同じようなサイトをブックマークしていることに気がついて、「あぁー、このサイトはみんな良く見てるのかも」って思ったサイトがいくつかあったんですね。 そこで、WEB屋のブックマークをまとめて、北米WEB屋ならこれはたぶん皆みてるんだろうなってサイトをまとめてみましたので（独断と偏見で）ご紹介。 海外でWEB屋をやる方、いち早く海外のWEBデザイン情報をゲットしたい方、知っていて損はないと思います。 Smashing Magazine まずは王道？Smashing Magazine。このサイトは日本でも有名かなと思います。よくWEBまとめ記事とかで取り上げられてますよね。WEBの

僕はとにかくシンプルなデザインが大好きです。無駄が無く、伝えることだけを伝えるあの潔さと、目的意識の高さが気持ちがいいです。もはや愛してます。 そんなミニマル変態な僕が集めたシンプルアイコン集。Evernoteのノートにびっしりになっていたので、せっかくだからここで全部ご紹介出来ればと思います！これだけあれば、まぁ今年は困ることは無いでしょう（たぶん）。自称ミニマル変態の僕は、まだまだ追加していくつもりなので、何か知っていれば是非教えてください！ なんだか一部、別にシンプルじゃないアイコンも混ざった気がしますが、その辺は軽く流してあげてください。僕のEvernoteの中は、人に見せられないくらい乱雑な分け方なので、整理整頓かねて、ちょっとこういう投稿増やしていこうかなと思います！ あと、大半は僕も商用利用を確認して利用したので、ほとんどはCommerciallyであることは確認していますが

キッズ、子供向けのサイト に使えそうなフリーのフォント を20個ほどBest Design Options で紹介されていたので、よさ気な フォントを一部ご紹介します。 キッズ向けのフォントは女性向け のサイトでも使えるので抑えておきたい。 こうしたゆるいフォントは結構使い道豊富だったりしますよね。 特に日本ではカワイイ系フォントを使っているとユーザーに 安心感も与えられそうな気がします。 Homework Font 子供ならではのゆる～いフォント。 Homework Font My School Font 個人的に凄く気に入っています。可視性も高いので用途いろいろありそう。 My School Font Smiley Font かわいいスマイルマークが入っています。もっと大きくてもいいですね。 Smiley Font Camden Font 塗りつぶしが微妙だったりボーダーにするのは子供