ミニマムデザインとっておき40選

Tuesday, May 13th, 2008

40+ Minimalist Web Designsというのが紹介されていたので、ミニマムデザイン好きな方は必見です。これまでのモノトーンの単一なデザインばかりではなく、少し色を加えた美しいデザインばかりです。

Project15 - Creative Webdevelopment
Project15  - Creative Webdevelopment
淡いグレーのトーンにライムグリーンが引立つデザインで、こんな格好いいデザインできるようになりたい。

(more…)

デザインについて思うこと・・・

Friday, May 9th, 2008

最近仕事でちょっとだけど画像の加工やデザインの修正などをやるようになって趣味を超えて勉強中ではあるんだけど、いろいろと考えさせられることが多い。

基本的にはコーディング専門なので、一からデザインを起こすことはあまりないけど、サイトの見直し段階で画像の大きさや色のバランス、フォントの大きさ、形、色などあらゆる角度から修正を入れることが多くなってきました。

デザイナーさんが一生懸命クライアントの希望に従って起こしたデザインに手を加えるのはちょっとな~と思うときもあるけれど、よいデザイン(グラフィック)がよいサイトになるとは限らないということを実感。

実際の運用段階に入ったときに、更新されてテキスト数が変わったり、画像が挿入されたりといろいろあるので、もともとバチっと決められたデザインだとどうしてもバランス悪くなったりするし、グラフィック的に小さめのフォントを使ってたり(なぜか日本人は日本語を大きく見せることにコンプレックス持ってるんだろうか。。。)、極力格好いいデザインを作ってくれるわけなんだけど、これがユーザーからすると結構、使いづらいデザインになってたりする。

サイトコンテンツに合ったデザインであることが一番ではあるけれど、それを見るユーザーにとって使いやすいデザインになっているかが一番の問題だと思う。商用サイトなんて見られてなんぼなんで、一瞬でも使いづらいと思われたらそれで終わりだもんね~。。。

色合いとかコントラストとか、個人によって好みもあるけれど、出来ればしっかりとしたコントラストで文字がはっきり見えるようにしている方が好感もてるかな。ついでに言えば、10px以下で書かれている文字は読まれない。とくに年配の人は文字色が薄かったり、小さい文字だったりすると、サイトに寄り付きもしなくなる。

実際に私も#FFF背景に9px以下のフォントサイズで#CCCを好んで使ってるときもあったけど、今から思うとかなり読んでほしくないサイトになってたかな~。

アクセシビリティ

特に、高齢者や障害者などハンディを持つ人にとって、どの程度利用しやすいかという意味で使われることが多い。”accessibility” とは「近づきやすさ」「接近容易性」といった意味の英単語である。

ユーザビリティ

様々な機能になるべく簡単な操作でアクセスできることや、使っていてストレスや戸惑いを感じないことなどが、優れたユーザビリティにつながる。また、ユーザが目標の操作を完了するまでに費やした労力などもユーザビリティの指標となる。

出来るだけ多くのよいデザインを見て、デザインを盗んで、よいところをどんどん吸収して、いろんな年代の人の意見を聞いて、、、とデザインに関してはほんとやらなくちゃいけないことが多いな~。

参考:Now More Than Ever: 50 More Excellent Blog Designs

Narfstuff
Narfstuff

creative briefing
creative briefing

Dandelion Path
Dandelion Path

印象的な背景 その傾向とチュートリアル

Tuesday, April 15th, 2008

63 -Images: Trends, Resources and Tutorialsで、印象的なサイト背景というのが紹介されています。グランジっぽいものからきれいなイラストのものまで様々なジャンルから取り上げられていて参考になります。

Bart-Jan Verhoef

デザインというとどうしても自分の好みに走ってしまいがちですが、出来るだけ偏りのないように取り上げてくれています。

StrawPoll

背景っていうとサイト全体の印象付けをするのでとても大事ですよね。

Dale Harris

背景デザインだけでなく、デザインをするのに必要な写真素材やブラシ、チュートリアルのサイトなども紹介してくれています。

Urban Dirty
Free Textures and Background Images
Illustrating the Flower Pattern…etc

DesignWalkerさんでもインパクトのあるウェブデザイン40選ということで素晴らしいデザインが紹介されています。ホームページを作る人のネタ帳さんのところでは、よごれた感じのフォトショップチュートリアルとブラシということでまとめ紹介されています。

お2方ともいつもいつも秀逸なまとめをしておられるので、ありがたく拝見させていただいています。(-人-)これで、少しくらいはデザインの腕が上がるといいんだけど、、、

twitter の背景画像を変えてみた

Tuesday, April 8th, 2008

twitter には一応参加してるけど、全然さえずり仲間が増えない今日この頃。もともと私の周りでMixiには参加してるけどそれ以外は全く知らないって人ばっかなので、いきなり他人様に『twit』しようぜ!なんてのも言いにくくてほったらかしにしてたんですが、最近、海外のデザイナーさんのサイトなんかでtwitterへのリンクを多く見るようになって、気になるデザイナーさんのストーカー、いやフォロアーとして参加し始めることにしました。

「今、ポストした」とか「これから寝る」「こんなん作ってみたからテストしてみて」とか、ちょっと読んでて楽しい~。←立派にストーキングですよ、あんた(笑)

(more…)

デザイン性とナビゲーション能力の高いコメント欄30選

Tuesday, April 8th, 2008

海外のウェブデザイナーの方々のサイトに使われている格好いいコメント欄デザイン30選がCreating a blog web design blog『30 Must See Comment Designs for Web Designers』で紹介されています。

どれもデザイン的に素晴らしいだけでなく、ナビゲーション能力も優れています。

MostlyLisa.com
MostlyLisa.com

(more…)

Recent Posts

ウェブで共有できるプロフィール mEgo

ウェブで共有できるプロフィール mEgo

フラッシュ使いで超クールなプロフィールを作成して共有できるmEgoというサービスでプロフィールウィジットを作ってみました。軽快な感じでさくさくっと出来てしまうところが気持ちいい。日本語にも対応してくれています。...more

デルのミニノート欲しい!

デルのミニノート欲しい!

Engadgetで紹介されてるこのデルのミニノート!発売されたら絶対欲しい!姿よし形よし値段よしと3拍子そろって夏に発売予定ってことだけど、まだ先かな~?...more

1000000人のキャンドルナイト@OSAKA CITY

1000000人のキャンドルナイト@OSAKA CITY

大阪梅田の茶屋町アプローズで恒例の『1000000人のキャンドルナイト@OSAKA CITY』が開催されました。電灯を消してろうそくの灯りだけで過ごすひと時、人はそれぞれどんな思いで過ごしたのでしょうか。...more

写真を共有したら次は保護して売ってみる

写真を共有したら次は保護して売ってみる

FlickriStockphotoSmugMugが合体したような写真共有サービスのプライベートベータ版が公開されています。写真の著作権を保護するためのサービスとして展開されています。...more

ロールケーキの実写画像を使ったFlashゲーム

ロールケーキの実写画像を使ったFlashゲーム

てっく煮ブログさんとこで紹介されていたんですが、これなかなか良く出来ててはまります。普段ゲームなんてほとんどしない私ですが、こういった単純でのんびりできるゲームは気分転換になるので大好きです。...more

Last FM

Analytics


Web Design Blogs - Blog Catalog Blog Directory