PAGE TOP ▲

大副業時代を生き残るためのブログ。切り売り労働からの脱却、少しでも収入をアップしたい方へ。

TOP Webデザインを始めるのに必要な道具

Webデザインを始めるのに必要な道具

私はWebデザイン専門でやっており、本当にたまにですが印刷物や映像制作の仕事をする程度です。Webデザインに必要な道具はパソコン1台で十分です。ノートパソコンであればどこででも作業ができますし、デスクトップであれば大きな画面で作業ができます。あとはスマホがあれば十分。意外と掛かるのは月額制のWebサービスです。月額数千円でも年間コストを考えると結構長くになるので、できるだけ持ち物はシンプルにお金をかけないのがポイントです。

MacBookProをおすすめします

この問題については色々と考えを持っている方が多いと思いますが、私はMacBookProをオススメします。皆さんはWindowsを使用しているのでしょうか?それともMacでしょうか?もしこれから購入を考えているようでしたらMacをおすすめします。

Macのは「難しい」というイメージを持った方が多くさらに「値段が高い」イメージがありますが私はMacBookProと言う13インチの薄型ノートパソコン1台です。外で仕事をする場合はiPhoneのテザリングを使ってネットに繋げています。

せっかくクリエイティブな仕事をするのですから持ち歩くものもカッコよくすることで気分も違います。あとはちょっとした事ですがクライアントの印象もプロらしさが出て、信頼性も多少なりとも増すのではないでしょうか。

余談ですが私のワークスタイルは午前中はカフェで仕事をしたり、妻と愛犬と一緒にドライブに出かけその場所で仕事をしたりと好きな場所で仕事をしています。独立する事でこのような余裕を持った時間を取る事が出来ます。

デザインはPhotoshopで

WindowsやMacにかかわらずデザインはPhotoshopで行うことをおすすめします。Fireworksや無料ソフト「gimp」などを使用している方もいるとは思いますが昔からある信頼性、ユーザー数の圧倒的な多さ、機能性、などトータルバランスで考えても価格は高いですがPhotoshopが一番と考えます。Photoshopを印刷業界でも使用されています。

今後の事を考えてたとき、Webサイトと一緒に名刺を作って欲しいとかパンフレットもWebサイトのイメージに合わせて作って欲しいというオーダーはよくある事です。そんなときにPhotoshopは必要になってきます。※正確にはIllustratorも必要です。

コーディングはタグ打ちで

WebサイトはHTMLというタグで作られています。Webサイトを作る有名なソフトではホームページビルダーがありますがプロの間でこのソフトを使ってる人はあまり見かけません。これはホームページビルダーが悪いソフトと言う事ではなく家庭用のイメージが強く業務用ではないという事になります。

実際にWebサイトを作っていくと直接タグを打ち込んでいくのですが打ち込んだタグが間違いないか確認をします。これを何十回も繰り返すのですがホームページビルダーなどは動作が遅く必要のないタグが生成されることが多いのです。

私は以前、AdobeDreamWeaverというソフトをStudioMXという時代から10年近く使用していました。このDreamWeaverはプロ使用操作性も良かったのですがそれでもスピードが遅く感じていました。

現在はBracktsというAdobe社製の無料ソフトを使用しています。これは動作が軽く操作性もプロ使用です。逆に言うと初心者には使う事が難しいソフトです。ですが今後の事を考えると間違いなくこのソフトを使っていただきたいと思います。

次は
専門学校やスクールを出ないと無理か
について考えたと思います。

保管庫の関連記事一覧

タグ打ちとコーディングの違いについて。

2017年05月29日
タグとは何か。。。 まずは「タグ」とは何だろう?という所から説明します。タグとはHTMLで使用するもので例えば「こんにちは!」という文字をそのページのタイトルにしたい時 <title

ヒアリング の重要性を理解することでワンランク上がります。

2017年02月05日
ヒアリング の重要性 ヒアリング がWeb制作を行う上で最重要と考えています。段取り八分です。 例えばクライアントに確認する事が100項目あったとします。最初に全て確認しても、作業しながら

ハッキングにあったのでWordPressの運用をできるだけシンプルに考え直す。

2017年02月03日
ハッキング にあったサイトは現在ご覧頂いているこのサイトです。無事解決しているので運用を再開しているのですが、この機会にデザインも一新してみました。技術的な解決方法は色々なサイトで紹介していると思いま

ランサーズで経験を積む。

2017年02月02日
このサイトを見て頂いている方のほとんどは、未経験者や独学で勉強中の方が多いと思います。ただ実践を積み重ねないことには経験を積むことも出来ないが、経験がない人には実践を与えられる機会も少ないのが現実です

Youtubeのサムネイルの代わりに画像を貼り付ける

2016年12月17日
動画サムネイルの代わりにご自身で制作した画像を表示することが出来ます。これは動画の埋め込みタグ(iframe)をjsに流し込み画像をクリックしたら消え、動画を表示するという順序で動きます。 ※埋め込

専門学校やスクールを出ないとWebデザイナーなることは出来ないのか

2016年02月06日
この質問はWEBデザイナーを目指している方からだけではなくクライアントからも「やっぱりそういった学校卒業されたのですか?」という質問をよく受けます。 私の場合は独学でした 私のお話をさせて