2014年04月01日

新人ウェブデザイナーに送る。ウェブデザインブックマークサイト決定版!

おはようございます。CD藤本です。
厳しい冬も終わりを告げ、大好きな春がやって来ました。
桜、誕生祭、キャンプ初め、サイクリング開始。と良いことづくしの春。
当社でも11名の新入社員を迎え入れました。
個性あふれるフレッシュな11名の新人たち。ようこそSOLGへ!!

さて今回は、デザイナーなら誰でも知っていると思いますが、新人ウェブデザイナーのために、ウェブデザインのブックマークサイト・ギャラリーサイトを紹介します。
僕が知っているだけでもこの手のサイトは30サイト以上あります。老舗から新参者、洋物中心のところから和物のみにこだわったところ。縦長にこだわったところからスマホのみに絞ったところ、パーツのみに絞ったところもありますね。

僕が何年も使い続けた結果、ここが至極のブックマークサイト(以下ブクマサイト)だ!という5サイトを紹介します。 (今回はパソコンサイトを扱うブクマサイトに限らせていただきました。掲載順番に意味はないです。)

MUUUUU.ORG
http://muuuuu.org
MUUUUU.ORG
2013年末にリニューアルされたことで、利便性が劇的によくなった。無駄が一切ないUIはまさに至極。
左帯のカテゴリは固定メニューでいつでも開閉可能。そしてクリックが必要ないため、まさに行き詰まった思考で、クリックさえままならない時には本当に心地よい。
開閉時にはメインスペースがブラーがかかり、視線がメニューに集中できるという配慮が粋。
ページングもスクロールが下までいくと自動読み込みをしているため、本当にストレスフリーで閲覧が可能。こういうUIデザインを見習いたい。

更新頻度:低い ・・・・・・| 高い
広告の量:多い ・・・・・・| なし
和洋の率:洋物 ・・・・・|・ 和物
S5-Style
http://bm.s5-style.com
S5-Style
2014年度初旬にリニューアルされて、デザイン性能とか利便性とかすごいです。
ユーザー別にサイトタイトルやタグの表示を選べたり背景も選べたり、ページングを自動かどうかも選べます。これが恐ろしく嬉しい機能。
またサイトを「お気に入り」できてそれをメールまで出来てしまう。中の人は、なんてデザイナーの気持ちを理解されている設計なんだろう。
フラットデザインも素敵すぎる。マルチデバイス対応とか、もう手抜き一切ない感じ。

更新頻度:低い ・・・・・・| 高い
広告の量:多い ・・・・・|・ 少い
和洋の率:洋物 ・・・・・|・ 和物
straightline bookmark
http://bm.straightline.jp
straightline bookmark
ウェブデザイナーは誰もがこのサイトのお世話になっているのではないでしょうか。または自分の作品がここに紹介されることがウェブデザイナーとしての一つの目標にしている人も少なくないはずです。かくいう僕もここに紹介されることを目指したものです。(結果1度だけ掲載されました!)
ログイン機能でマイブックマーク。サムネイルの大きさ変更と、この利便性を最初に始めたブクマサイトではないでしょうかね(確証はないですけど)。
またレイアウトパターンで絞り込みができる独自の検索をもっているのも素晴らしいです。

更新頻度:低い ・・・・・・| 高い
広告の量:多い ・・|・・・・ 少い
和洋の率:洋物 ・|・・・・・ 和物
I/O 3000
http://io3000.com
I/O 3000
2013年末にリニューアルされたことで、利便性が飛躍的にアップされています。登録時期で検索できるというのが結構便利で、その時のトレンドが見ることが可能。
またサムネイル右下にあるルーペアイコンでは、サムネイルを拡大できるという優れもの。サイトに飛ぶ前に大きな画像で見てみたいなぁ。というデザイナーの「あるある」を解決してくれる機能はうれしい。
無駄を極限までに削ったシンプルなUIはまさに至極。

更新頻度:低い ・・・・・・| 高い
広告の量:多い ・・・・・・| なし
和洋の率:洋物 ・・|・・・・ 和物
.SG_BOOKMARK
http://bookmark.dot-sg.com
SG_BOOKMARK
洋物と和物をバランスよく扱っている傾向。サムネイル画面のサイズが横長で趣がある。
正直、目新しい機能があるわけではないが、昔から変わらぬ更新頻度で多くのハイクオリティーサイトを紹介してくれる。またキーワード検索が付いているのも嬉しい。

更新頻度:低い ・・・・・・| 高い
広告の量:多い ・・・|・・・ 少い
和洋の率:洋物 ・・・|・・・ 和物
新人ウェブデザイナーが成長するためには、このようなサイトで紹介されているウェブデザインをとにかく見ることです。
見て真似て、アレンジして、自分のセンスをチョイスして。の繰り返しです。
さぁ、ブクマサイトを毎日チェックして、たくさんの良質サイトを自分のものにしてください!
そしていつかはブクマサイトに自分のウェブデザインが掲載されるその日を目指して、頑張りましょう。

同じカテゴリー(web)の記事画像
Webサイトの新規制作・リニューアル時に考えたい5W2H+α
制作するときにありがたい便利なツールたち
クリエーター必見!誰にでもできる残業を減らす5つの方法
あなたの新年の運勢は?女子が好きな占いアプリ
似顔絵を作ってもらおう
意外と便利!コンビニのネットプリント活用

同じカテゴリー(web)の記事
 Webサイトの新規制作・リニューアル時に考えたい5W2H+α (2014-03-25 10:03)
 制作するときにありがたい便利なツールたち (2014-03-03 09:11)
 クリエーター必見!誰にでもできる残業を減らす5つの方法 (2014-01-14 09:00)
 あなたの新年の運勢は?女子が好きな占いアプリ (2014-01-06 23:31)
 firefoxでスライダーを使った時に画像サイズがおかしくなる!? (2013-11-18 09:55)
 似顔絵を作ってもらおう (2013-10-01 22:42)

Posted by iA_director at 21:05 │webdesign
Category
photo (3)
diary (72)
design (48)
other (38)
book (11)
movie (6)
mac (3)
web (34)
このエントリーをはてなブックマークに追加