524初心者さん向け情報の詰まった記事です。524ここ一ヶ月、わたしが集めたステキなウェブサイトをご紹介します。作っているサイトのデザイン参考として取り上げることもあれば、単純に「これはいい」という偶然の出会いで思わずブクマしたサイトも。どこが良いと感じて取り上げたのか、というポイントとあわせてどうぞ。海外のウェブサイトCarsonifiedイギリスのイベント会社さんだそうです。まるっこいフォントを使った、タイポグラフィのデザインがすてき。Carsonifiedタイポ以外に注目したい点がもう一つ、下層ページはベースカラー+ベージュの2色だけのデザインってところ。それなのに、いや、それだからこそなんですかね、すごーくまとまってます。いうサイトデザインなら、写真はないほうがいいんですね。写真(キャプチャ画像)を使ったページもあって、そこがまたデザインに溶け込んでいてうまいなーと勉強になります。Pepperトップページを一目見てアプリ開発の会社さんだなとわかる、わかりやすさ。いうところを、わたしはステキだと感じます。Pepperこのサイトは、最低限の情報と装飾でデザインされている、いわゆるミニマムデザインでできていますが、その作り込み度合いはハンパないです。ボタンなら、影、エンボス、エッジ、マウスオーバーしたときの明るさ、クリック時の動き。ボタンだけで「すごい」って思わせちゃうのは、細かい部分まで完璧にデザインをコントロールしてるからなんでしょうね。Sense「うまそう!」って思わず言ってしまいそうなサイト。こんなに美味しそうなのかって言えば、そりゃあもちろん、写真がめちゃめちゃ綺麗だからです。Senseちょっと皆さん、ためしにこのサイトにひとつも写真が配置されてない状態を想像してみてください。すると、じつは、みどりの一色だけしか色をつかっていない、ということに気づきます。ベースのデザインの色数が少ないからこそ、写真のカラフルさが引き立つんですね。それから、このサイトをPCで見ている方、ぜひブラウザの大きさをぐーって変えてみてください。写真やナビゲーションのサイズが、ブラウザのサイズで変わっていくのがわかります。これはレスポンシブデザインといって、スマートフォンを含め、多様な画面サイズでもちゃんと見られるように調節したデザインのことです。内山建設すごくかっこいいサイトです。不思議とカワイイ雰囲気もある。内山建設まず、フォントのえらび方。セリフの付いたフォント(いわゆる明朝体)は使わず、やわらかい雰囲気のあるフォントを使っています。彩度が高い(鮮やかな)写真が多くて、それのおかげでポップな印象になっています。これがシンプルで親近感があって、カワイイんです。Design(クイップデザイン)さんだそうで、注目したい制作会社さんですね。(わたしの地元に事務所を構えていらっしゃる会社さんなので、こっそり応援してます。老舗の京料理屋さん、その通販サイト。作る側としては、和風で料理で通販サイト、というのはすごくハードルが高くて、うまくまとめるのはすごく難しいんです。難しいけれども、それがぴたっとはまり、デザインに落とし込めるならこれほどステキなサイトはない、というくらい素晴らしいデザインになります。要するにこのサイトがすごい、って話。写真も文章もすてきだし、デザインも雰囲気を壊さないさりげない和風。和風が強すぎると、バランスが悪くなるし、弱すぎるとそれはもう「和風」にはならないですからね。こちらのサイトの制作は、四季デザインさん。それから、国内サイトについてはWebDesigningから引用いたしました。WebDesigning※Amazonのページに飛びます。都内でウェブデザインの制作・ディレクション業を営んでいるほか、専門学校で講師業もやっています。FoundCSSコーディングのお仕事を理想に近づけたい。セミナーレポート-なかなか参考になるかもしれないウェブデザイン関連の本、10冊。524ゲームが教えてくれた。524JSさんと仲良くしたい。524俺の嫁、アタシのダンナ。