マーカーネット株式会社

WEB制作ブログ WEBデザイン、HTMLコーディング、PHP、スマートフォン制作などWEB制作全般に役立つ情報を発信していきます。

iPhone WEBデザイン

【デザイナーをお助け!vol.2】まずは真似から!○○に特化したWEBサイトまとめサイト

投稿日:2014年11月10日 更新日:

「ピンとこない、なんか違う、と迷いすぎて時間がどんどん無くなっていく!効率悪っ!」

「デザインがパターン化されていつも似たようなサイトに・・・。この負のスパイラル、払拭したい!」

「そもそも私初心者なんで何からやったらいいか分かりません・・・。どうしたらいいの?!」

そんな悩めるデザイナーの皆様。大丈夫です。一旦落ち着いてください。

私が入社して数ヶ月後、初めて自分で一からWEBサイトのデザインをさせて貰えることになった時。
迷いに迷って軸はぶれぶれ、そんな中かっこいいデザインが出来るわけもなく、
かといって先輩に相談する勇気もなく、ただただ時間だけが勿体無く過ぎていくという出来事がありました。
(お恥ずかしい話ですが)

納期だけが着々と迫り一人泣きそうになる私に、先輩がくださった一言がとても心に残っています。

「まずはとにかく沢山のサイトをみて、いいなと思ったものの真似をすることから始めるといいよ」

この言葉をいただいてから、作業のスピードが随分変わりました。
(といってもまだまだなのですが・・・当初と比較すると、です!)

デザインにとりかかる前に、30分。
自分の頭の中のイメージとマッチしていて、ステキだなと感じたサイトをブックマークしていきましょう。
ここにあまり時間をかけても本末転倒ですから、フィーリングで!
ブックマークが多すぎても、結局「あれ?なんか違うな」とごちゃごちゃしたサイトになってしまうので、
最終的に3サイトくらい、多くても5サイト程度に絞りましょう。
もちろんのことですが、丸パクリはだめですよ。

自分で一から考えて、新しい発想を生み出して、形にして、試行錯誤して・・・
この作業を決められた少ない時間でこなせるのは、優秀なデザイナーさん達です。
迷う時間があまりにも多いのなら。作業効率が悪いと感じたら。
まずは素晴らしい先人たちの真似から始めてみましょう。

学ぶことは、真似ることから。 「型」がなければ、「型破り」はできないのです。
真似て真似て真似る中で出てくるアイディアが個性であり、オリジナリティになるのではないのでしょうか。

・・・前置きが長くなりました。
ということで、悩めるデザイナーの皆様を助けてくれる、WEBサイトのまとめサイトをご紹介致します!
ですが、WEBサイトのまとめサイトを紹介しているブログなら既にたくさんあるので
今回は、○○に特化したWEBサイトまとめサイトのまとめです。
イメージは固まってきたんだけどこの部分だけなんかなぁ・・・
そんな”部分デザイン”をお探しの方にもおすすめです。

WEBサイトまとめサイトのまとめ・・・口に出すと噛みそうですね。

ぜひとも作業効率化、時間短縮にお役立てください。

 

1.Minimal Exhibit

9
海外の秀逸なミニマルデザインのサイトを集めたサイト。
シンプル美しいサイトの数々に、うっとりです。

 

2.iPhoneデザインボックス

8
スマートフォンサイトに特化したまとめサイト。
スマホデザイン、簡単そうに見えて難しいですよね・・・。

 

3.Mobile Patterns

3
こちらもスマホサイトのまとめサイト。海外サイトです。

 

4.Responsive Web Design JP

4
レスポンシブ対応のWEBサイトに特化したまとめサイト。
ほとんどのまとめサイトは色やカテゴリ別で検索できますが、
このサイトはcss、jQueryなど技術別でも探せるのが素晴らしいです!

 

5.WPデザインギャラリー

5
WordPressを使用した、国内外のWEBサイトが掲載されています。
カラム数でも探せるので、レイアウトは決まっているけれどデザインでヒントが欲しい!という方にもおすすめです。

 

6.ランディングページ集めました。

6
こちらはランディングページに特化したまとめサイトです。
初めてLPを作る!という方には構成も勉強になりますよ。

 

7.縦長のwebデザインギャラリー

7
クオリティの高い縦長サイトを厳選したまとめサイト。
かっこいいサイトがいっぱいです・・・!

 

8.DeisngDesignDesign

2
Facebookページのまとめサイトまであるんですね。
これは面白い!見たことのなかったFacebookページが沢山ありました。

 

9.地域別Webデザインリンク集

1
最後は、都道府県別に探せるまとめサイト。
都道府県によっては数が少ない所もありますが、地域の特性が垣間見れて面白いですね。

 

 

以上、○○に特化したWEBサイトまとめサイトのまとめでした!
いかがでしたか?

皆様の制作時の参考になる、お気に入りのまとめサイトが見つかれば幸いです。

 

 

-iPhone, WEBデザイン

執筆者:

関連記事

【PHOTOSHOP】すぐに使えるデザインテクニック!アート風文字をラクに作る方法

【PHOTOSHOP】すぐに使えるデザインテクニック!アート風文字をラクに作る方法

STEP1. まず加工したい写真素材をPhotoshopで開きます。 STEP2. 背景の写真レイヤーの上に文字を入力し配置します。 STEP3. レイヤーパレット上でテキストのレイヤーを右クリックし …

普通の写真も一風変わった感じに!【Photoshopで写真をミニチュア風に加工】

普通の写真も一風変わった感じに!【Photoshopで写真をミニチュア風に加工】

デザインする時、「この素材写真イマイチだなー」と思ったことありませんか? ここで普通の写真をミニチュア風に加工するPhotoshopの小技をご紹介します。 STEP1 まず加工する写真をPhotosh …

エラーページすら面白い!ユニークな404エラーデザイン

エラーページすら面白い!ユニークな404エラーデザイン

WEBサイトを閲覧しているとき、ページが存在しない404エラー画面に遭遇したことはありませんか? デフォルトの状態だと全面白い背景の上に黒文字で「Not Found」となっているだけですが、 とても凝 …

初心者向けWEBデザイン力強化トレーニング法

学生時代デザインを勉強してきて、いいものを作る、作れる自信を持っている新人さんが驚くことは先輩デザイナーの圧倒的なスピードだと思います。 社会に出ると当然「納期」があり、「自分のペースで」なんてことが …

【これぞPhotoshopマジック】イラスト風・水彩風・レトロ風に写真を加工するワザ

【これぞPhotoshopマジック】イラスト風・水彩風・レトロ風に写真を加工するワザ

Webデザインを制作する中で、写真素材を使用することが多々あります。 これらの素材にひと手間加えることで、写真の魅力がグッと加わったり、 サイトの印象を変えることができたり、ポイントにもなったりします …