![designmap.info](https://cdn-ak-scissors.b.st-hatena.com/image/square/455d924233b783c528b41dc0bb33c1c859d0dc8a/height=288;version=1;width=512/http%3A%2F%2Fwww.designmap.info%2Ftobewebdesigner%2Fweb_selfstudy%2Fwebdesigner_roadmap_vol4%2Fimages%2F2015-03-11-11.05.46.png)
Oliver James Gosling http://www.goslingo.com/ フリーランスのWebデベロッパーのポートフォリオサイト。1枚の紙を開いたようなデザイン、ページ構成、アイコンを使ったスキルのアピール方法などすべてが参考になります! StudioKxx http://www.studiokxx.com/ グラフィックやってます!という感じです。フッターのデザイン処理がグッド。 Alberto Cerriteñ http://www.albertocerriteno.com/ クオリティの高さに圧倒されます!ロゴの中央配置は印象に残ります。 Mark Boulton Design http://www.markboultondesign.com/ Web制作会社のポートフォリオとしては満点の構成。クリエイティブとビジネスのバランス。 HUGE http://www.h
ポートフォリオサイトをつくることを最初の目標にしよう Webデザイナーになるにはポートフォリオサイトをつくることを最初の目標にしよう。Webデザイナーの就転職活動で必須なのが作品(ポートフォリオ)である。これは経験者でも未経験者でも応募のときにURLを求められる。そこで用意したいのが自分の作品をまとめたポートフォリオサイトである。ポートフォリオサイトの構成は以下のとおりである。 プロフィール、連絡先 作品 ブログ これだけなので、一枚構成のサイトでも可能である。ブログははてなとかの外部のシステムでもよいが、できれば自分でWordPressやMovableTypeをインストールして自分でデザインしたテンプレートをつくるとよい。 経験者でも未経験者でも同じ土俵にたてる ポートフォリオ上ではプロも未経験者も関係ない。質がすべてである。いま第一線で活躍しているウェブデザイナーやディレクターも大半が
ウェブエンジニアであれば、英語のドキュメントや洋書の技術書が読める英語力は必要である。 たとえば、PHPはフレームワークになると和書は少ない。オライリーの定番シリーズのクックブックもPHP版は良書なのに翻訳がでていない。レベルが中級者以上の本はなかなか翻訳されないというのが現状である。 さらにマイナーなフレームワークになると和書はゼロである。出版しても売れる見込みがない本は出版されない。技術書もiPhoneのようにブレイクしない限り名著でさえ翻訳されない。翻訳されたとしてもブームにのった翻訳なので翻訳の質が低いリスクがあり、和訳の意味がわからず原書にあたらねばならない場合もある。 英語のドキュメントが読めると情報源が一気に広がるし、英語が書ければ海外のクリエイターと直接、情報交換も可能になる。 まずはリーディング力をつけよう デザイナーであれ、エンジニアであればブログ、チュートリアル記事が
まずは大まかに基本操作をさわっていこう。 細かい機能、コマンドなどは覚えようとせず、さっと流そう。例えば、パスファインダであれば、[合体]、[分割]、[全面オブジェクトで型抜き]だけを理解すれば、当面は十分である。ツールもすべて理解したり、覚えたりする必要はない。色の付け方、複製、グラデーション、回転、縮小・拡大、リフレクトなどベーシックな機能だけをおさえる。 一冊目として、おすすめなのは『Illustrator トレーニングブック』である。安定した内容で、これ以上分かりやすく解説するのは難しいくらいの構成になっている。
まったくのプログラミング初心者の方を対象にJavaScriptの独学方法をのべていきたい。今回とりあげるJavaScriptの勉強法はあくまでWebデザイナー向け(もしくはフロントエンドエンジニア向け)なので、Node.jsのようなサーバーサイドJavaScriptはとりあげていない。 JavaScriptとjQueryをどちらから勉強するべきか。今回はあえて邪道とわかっていながらもjQueryにふれるという順番をとった。本来は、JavaScriptの基礎をしっかりおさえてからjQueryにすすむのが正統である。今回はトップダウン方式で実践にふれてから、基礎に戻る学習法を提案したい。 jQueryはJavaScriptを楽に開発するためのライブラリで、jQuery自体はJavaScriptのコードでできている。最初にいきなりjQueryにふれて、HTMLを動的に操作する(これをDOM操作と
私が、初めて買ったPhotoshop本はいまも活躍されている高木和明さんの『FAKE IMAGE』である。書泉という本屋で、あれこれ立ち読みして、悩んだ末に買った。値段も、4,000円くらいで、気軽に買うのには勇気がいる値段だった。この本でアルファチャンネルを使った切り抜きや合成のテクニックを学んだ。買った当時は難解だったが、あとになって重宝した。いまだにお気に入り本のひとつで、本棚に置いてある。 Photoshopの奥の深さ Illustratorはペンツール(ベジェ曲線)という峠をこえれば、憶えるべきパス関連のコマンドは少ない。一通り理解すれば、それなりに、イメージする形、アイコン、ロゴ制作ができるだろう。学習しやすいソフトといえる。 それに比べて、Photoshopは大量のコマンドやパラメータ、豊富な色調補正、数多くあるマスク、アルファチャンネル、手順の多様性(同じことをやるにも、何
仕事を続けながら勉強、制作をしよう 未経験からWebデザイナーになる場合も作品が求められる。未経験だからこそ、しっかりしたクオリティの作品を用意したい。そういう作品をつくるために、勉強をすることになる。 Webデザイナーになる準備期間は個人差や目指すスキルにもよる。Illustrator、Photoshop、HTML、CSS、JavaScript(jQueryも含む)、WordPressでサイトが作れるくらいのスキルを目指すとすると、目安で1年くらいはかかるだろう。もちろん、スキルや期間はあくまで目安である。習得には個人差があり、あくまで自分のペースを守ることが大事である。 具体的な勉強や行動のステップは「まったくのゼロから、独学でWebデザイナーになる方法」を、デザイン自体の勉強は「まったくのゼロから、デザインを独学する方法」を参考にしてほしい。 準備期間は1年くらいの長期戦になる(後述
独学でWebデザイナーを目指している方で、将来はフリーランスになって独立を考えているかたもいらっしゃる方もいらっしゃるとおもいます。以下、実際にフリーランスを考えている方、躊躇している方へのメモです。 会社や組織のありがたみ 独立してスタートして売上がそれほどない状態だと、最初は営業や経理の役割を一人でこなします。見込み客の開拓、打ち合わせ、提案書、見積書、請求書、会計ソフトへの入力(仕訳→総勘定元帳への転記)作業などです。取り急ぎ紹介だけでも食える人でも、長くやるには顧客の開拓が必要になります。見込み客の開拓はまず自分の存在をしってもらうことです。具体的には、役に立つブログを書く、プラグインの配布、無料Webサービスなどの施策をおこないます。 デザイナーの人はこのあたりの分野が苦手な人が多いです。会社員の一員でデザイナーをやっているとこのあたりの面倒なことは、ディレクター、営業、経理の人
その他「ポートフォリオ作りに参考になるクリエイター向けの6冊の本」にポートフォリオ作りに参考になる本をまとめておいた。 ポートフォリオの構成要素 ポートフォリオの構成要素としては、以下のようになるだろう。制作期間、スタッフ人数、数字は必須項目ではないが、書いておくと説得力や客観性が増す。 作品名 作品のスクリーンショット 担当箇所(これはなるべく詳しく明確に、正直に) コメント(こだわった点、強みのポイント、作品の背景や意図) ------↑ここまでが必須項目!------- 製作期間 スタッフ人数実績数字(ページ数、アクセス数、売上実績など) コーディング担当志望の場合だと、ソースコードも作品になる。ディレクター志望や経験者の方は仕様書や提案書もポートフォリオに盛り込むとよいだろう。ラフスケッチやワイヤーフレームなどの資料をのせてもよい。 立体作品、模型などは写真に撮ってみせるとよい。
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く