Photoshopのレイヤーはグループ分けしておく
最近はFigmaでサイトのデザインを制作することが多くなりましたが、今もPhotoshopで制作している現場もあります。
フォトショ（Photoshop）のPSDファイルは、他のデザイナーやコーダーも編集することがあります。そのため、各レイヤーをボタンなら「btn（ボタン）」フォルダを作ったり、ヘッダーの部分は「header（ヘッダー）」というふうに、グループ分けをしておきましょう。
会社内のルールにもよりますが、できれば上のように、英語で表記するのがコーダーには優しいです。Photoshopの「画像アセット」という機能を使えば、例えばレイヤー名（グループ名でも良い）に「btn_scroll.png」と記述すると、そのレイヤーを指定の画像名で書き出してくれるからです。
レイヤーがきちんとグループ分けされていないと、コーダーによっては、ブツブツと文句を行ってきます。ちょっとくらいいいじゃんって思うんですけどね…。PhotoshopがCC版になる前は、画像アセットの機能が無く、すべての画像をコーダーがスライスで切り出していました。画像アセットが登場した途端に、コーダーがデザイナーに対して、「ちゃんとグループ化してください」と言い始めたのには、僕はやや納得してないのですが、まぁそのへんは寛容になりましょう。
このサイトでは、本当にWebデザインのスキルを磨きたいなら、未経験の方はまずはWeb制作会社か教育体制のしっかりしている事業会社に正社員で入社することを強くオススメしています。
やはり派遣でもなく、アルバイトでもなく、長く在籍する可能性のある正社員にこそ成長できるお仕事を振ってくれるのです。派遣やアルバイトは、リンク張り替えやテキスト修正など成長しづらい作業をやらされがちです……。
未経験OKで正社員のWebデザイナー・フロントエンドエンジニア案件を多く保有しているのが、IT系に強い『ワークポート』です。ワークポートでも、さすがに未経験の方にWeb制作会社を紹介するのは難しいですが、事業会社のWebデザイナー・フロントエンドエンジニアを紹介してもらえる可能性があります。また、Webデザイナーにこだわらなければ、WebディレクターやECサイト担当者などの求人も多数保有しているため選択肢の幅が広がります。一度面談を受けておきましょう。
Web/IT系特化の転職サイト『Green』に登録しておきましょう。Web系転職の定番サイトです。
「デザインスキルを一気に上げる方法は「レビュー」です。つまりデザインに対するダメ出しを何度もしてもらって直すことを繰り返すことで、デザインスキルは急激にレベルアップします！
これを一番実現しやすいのが会社です。会社なら現場で上司や先輩にサイトやバナーのデザインのレビューをしてもらえるからです。じゃあ就職しておらず未経験のうちはどうすればいいかというと、「レビュー付きのデザインスクールの活用」です。普通のスクールはPhotoshopの使い方やコーディングの基礎を学ぶだけで「デザインスキル」についてはほぼ教えてくれません。レビュー付きのデザインスクールは運営側にも高いデザインスキルが求められるため非常に少なく希少性が高く『fullme』が現在は最高峰だと僕は思っています。「けっきょく、よはく」「ほんとに、フォント」など有名デザイン書籍を手がけるingectar-eの運営です。
僕が駆け出しの頃に『fullme』があれば絶対に受講していました...。デザインスキルを高めたい人はぜひ受講しましょう。
「ポートフォリオを作ってみたけど不安...」「周りにレビューをしてくれる人がいない...」
そんなお悩みを解決するために、ポートフォリオのチェックリストを作りました！27,000文字以上の大ボリュームです笑。noteで販売中です。激安のワンコイン500円です。このチェックリストで改善点を見つけて、少しでもポートフォリオの質を上げて、自分が望む就職に繋げましょう！
ご質問や感想など、お気軽にどうぞ！