2015/10/01 クリエイター

Webデザインをこれから始める人、スキルアップしたい人に読んで欲しい良記事10選

Webデザインをこれから始める人、スキルアップしたい人に読んで欲しい良記事10選 Webデザインをこれから始める初心者から、スキルアップを目指している中級者まで、ぜひ読んで欲しいWebデザイン・Web制作関連の良記事を10個厳選しました。
Webデザインはセンスが全てではなく、知識と技術を身につければ優れたデザインができるようになります。
ブクマして何度も見返したい、Webデザイナーの基礎となる良記事ばかりです!

実践で学ぶWebサイト制作ガイド

ワイヤーフレームの作り方、PhotoshopでのWebサイトデザイの仕方、HTMLマークアップしようなど、全8回に分けてWebサイト制作の方法を丁寧に解説してくれています。
Webデザイン、Webサイト構築をするならまず読んでおきたい記事です。


http://www.webcreatorbox.com/tech/website-before-start-ready/

良いデザインって?技術を学ぶ前に知っておきたいデザイン・レイアウトの基本的なこと

良いデザインとは何か?から始まり、コンテンツの目的、ターゲットなどサイトを立ち上げる前に考えておくべきことがイラスト付きで分かりやすくまとめてあるので、これからWebデザインを学ぼうと思っている方は必読です。


http://endoutakae.com/2012/02/22/webdesign_v/

Web制作者は知っておきたいwebサイトのレイアウト7選

レスポンシブwebデザイン、グリッドレイアウト、フレキシブルレイアウトなど、Webデザインでよく使われているレイアウト用語をまとめている記事です。
それぞれのレイアウトのメリットとデメリット、サンプルサイトを紹介しているのでとても参考になります。


http://design-spice.com/2011/08/31/web-layout7/

今更聞けない?!WEBデザイナーなら最低限知っておきたい有名フォントの数々

Helvetica、Axis、Gotham、Futura、Gill Sans、ヒラギノなど、Webデザインで良く使われる有名ドコロのフォントをまとめた記事です。
ちゃんと覚えているか、頭に記憶しているフォントの形とフォント名を照らし合わせてみましょう。


http://webya.opdsgn.com/webdesign/fontsforwebdesigne/

便利すぎるPhotoshopのプラグイン30選

Photoshopの作業を効率化してくれる、便利なプラグインを一挙30個紹介しています。
定番のプラグインから、こんなのもあったんだという新しい発見もあるので、Webデザイナー必読の記事です。


https://ferret-plus.com/1286

ブックマーク必須!Photoshop基礎チュートリアル60まとめ

レトロ写真に加工する方法、写真の一部だけ色を変更する方法、おとぎ話のような写真に仕上げる方法など、初心者から中級者へステップアップするためのPhotoshopの基礎チュートリアルが60も紹介されています。
中級者が見ても役立つチュートリアルが多いので、Webデザイナーは要チェック!


https://ferret-plus.com/1214

Web制作に必ず役立つIllustratorのチュートリアルやスライドのまとめ

こちらはIllustratorのチュートリアルのまとめ。
Illustratorの環境設定から、レイアウトの作り方、スライスの活用法などIllustratorをより使いこなすためのチュートリアルがまとめられています。


http://coliss.com/articles/build-websites/operation/design/illustrator-tutorials-and-slides-for-web-creation.html

デザイナーの勉強になる、有名ブランドのスタイルガイド厳選50個まとめ

Apple、Google、Bing、Twitter、Heineken、Nike、Skype、Foursquare、Ciscoなど世界の有名ブランドが公開しているスタイルガイドをまとめた海外デザインブログの記事を日本語抄訳した記事です。
ボリュームがあり、有名ブランドがブランドイメージを統一するためにどんなスタイルガイドを作成しているのかを知ることができます。


http://photoshopvip.net/archives/79993

Web制作の為の無料Webサービス・ツール40

オンラインフォトエディタ、CSSジェネレータ、配色ジェネレータ、スクリプトコピー、スマートフォン向けフレームワークなど、Web制作に役立つ無料のサービス・ツールをまとめた記事です。
Webデザイナーはブクマ必須!


http://e0166.blog89.fc2.com/blog-entry-937.html
Webデザインの求人案件 Webデザインの求人案件

Webデザイナーやクリエイターの求人・案件情報です。
制作会社もあれば自社サービスのUIデザイン案件等、幅広く掲載しています。