解決方法と思考プロセス ポートフォリオと聞くとデザイナーさんをイメージしますが、僕も転職する際など見せれるものがあればいいなと思い、作成しました。 ... ・ 技術スキル ... アイコンはfontawesomeから探して使用していま … そして、ポートフォリオとは、これまで手がけてきた仕事や学んできたデザインを表現するための集大成であるべきといえるでしょう。, まずはレイアウトのサンプルとともに、載せておきたい項目・作品の順番・作品数など具体的なポートフォリオの作り方についてご紹介します。 基本的には先述の通り、自分の一番得意とするデザインをアピールできる汎用性のある構成にしておくことが大事です。 形式：PNG シンプルで可愛らしい、Adobeソフトのアイコンです。 この記事ではポートフォリオサイトの作り方のポイントを、いかに仕事をとるかという観点から解説しています。6つの実例付き。この記事を読み終わる頃には、効果的なポートフォリオサイトを作成する準備ができているはずです。 コーダーやプログラマーでない限り、コーディングスキルはプラスαとして捉えておきましょう。, 最近では、面接であってもタブレットやPCを持参して作品を見せる人が増えています。 ポイント2.伝える力があるかを見せる 当ブログ（デザインメモ）管理人の鈴木です。 「毎日続けるフィットネス」をテーマに、見放題の動画コンテンツを配信。目玉コンテンツをわかりやすく配置しながら、運動時間とカロリー消費量を絡めて大きく表示することで運動に対するモチベーションを維持する仕組みを随所に盛り込んだ。, 自社のプロジェクトだとしても、ユーザーにどのような価値を提供するためのデザインなのか、デザインの目的や考え方を載せることが大切です。, デザインの仕事は、複数人でひとつのプロジェクトを担当することも少なくありません。 残念ながら、イラストをたくさん載せるだけ、デザインしたWebサイトのキャプチャを載せるだけのポートフォリオを作るクリエイターさんは非常に多いです。, ポートフォリオで何を伝えるのが良いか、企業が見ている項目 まず最低限やることとしてはPhotoshopを使ったWebサイトのデザインを作成することです。 ・最新のトレンドを取り入れた表現方法をしているか そもそもポートフォリオとは何か、企業が見ているポイントや載せたほうが良い情報をまとめています。 テーブルとかはbootstrapを入れて調整しました。（一部cssが競合してデザインは崩れました。。）, アイコンはfontawesomeから探して使用しています。 ただしこれだけでは、ポイント2の「伝える力があるかを見せる」が満たせていません。, 企業は、デザインに対する情報整理力や説明力を総合的に見て「伝える力」があるかを判断します。 Webサイトを作ること自体がスキルを表す一環になるので、Webポートフォリオは今後も増えていくと思います。, コーディングができることは必須か？ 必要なパーツをドラッグするだけなので、HTML/CSSの知識がなくても直感的に高品質のサイトを作成できます。 自分でポートフォリオサイトを構築する場合は、コーディングスキルをアピールできるという点でプラス要素になります。 作成するサイトは架空のサービスや商品でも構いませんが、応募する企業と近しい分野のデザインだとなお良いです。応募する企業の制作実績などを調査して、どんなテイストが合いそうか意識するだけでもプラスになります。 ビジュアルだけでは判断できないポイントを読み手に伝えることが必要です。, 問題解決のために実施した施策、デザインでこだわったところなど工夫した点をアピールしましょう。 Webデザイナーであれば、市販されている商品の架空のサイトを作ってみました、のような見せ方でも構いません。 ポートフォリオと聞くとデザイナーさんをイメージしますが、僕も転職する際など見せれるものがあればいいなと思い、作成しました。 https://nsuzuki7713.github.io/portfolio/ ただ、デザインスキルとかHTML/CSSも得意でない自分がどのように作成したかを書いておきます。 ページ数が決まっているファイルだと、後ろのページを余らせてしまってカッコ悪いことになってしまいます。余らせないために、わざわざポートフォリオ自体のページ数を合わせないといけなくなると自由度が欠けてしまいます。, また、ページ数が調節できるファイルの良いところは、簡単にページの入れ替えができるところです。, ページ数が決まっているファイルに比べてお金はかかってしまいますが、せっかくのポートフォリオなので私はページ数が調節できるファイルをオススメします。, 私の場合、ファイルか製本でB4かA3で作っています。A4の方が手に入りやすいですが、サイズの大きい方が制作物が映えますし、面接時に広げた時にインパクトがあります。, これから作るポートフォリオの種類やサイズが決まったら、次は自分が今まで作った制作物をリストアップしてみましょう。, 学生の時は制作物の少なさが心配で、なんでもかんでもポートフォリオに入れてしまいがち。なので要注意です。もし少ないことが心配なら、見せ方で改善できます！, 私がいつもやっているのは、制作物の中から「メイン」を決めること。だいたい２、３個をピックアップします。そして、ポートフォリオの最初に一番見せたいものとして置き、１個の制作物につき４ページ以上はたっぷり使います。, それゆえ、メインとして載せる制作物はしっかり作った、自分の思い入れのあるものにします。, 仕事で作ったものはできないかもしれませんが、学生の自主制作物であれば尚の事いくらでも後から直せます！ポートフォリオに入れる前に「提出期限に間に合わせるためにちょっと雑なところが…」と思ったら直しちゃいましょう！, ポートフォリオの中に入れる制作物が決まったらデータを作ろう！と行きたいところですが、ちょっとストップ！, ここに目次、ここに写真、ここにテキストかな、っとだいたいのページの構成を書き出してみます。, この段階でなんとなくページ数が見えてくるので、制作物を載せる量を今一度見直してみましょう。, 学生さんにとって扱いやすいのは「Illustrator」だと思いますが、もしパソコンの中に「InDesign」が入っているなら「InDesign」を使うのがオススメです！, なによりも私がInDesignを使う理由は2番目にあげた動作が軽いこと。 [例] クリエイターの採用では、採用担当者自身もクリエイターというケースが多々あります。同じ職種の人に「自分にはこんなスキルがある」「課題に対してこんな解決方法を提案できる」といったことを表現するために必要です。 当たり前のことですが、担当した分野やスキルは正直に答えましょう。嘘をついて入社しても、スキル不足が露呈して後々自分を苦しめることになります。, 紙もWebも、基本的には上から・最初から順に見るので、スキルを積んだ直近の作品から見せていくのが良いでしょう。 自分でポートフォリオサイトを構築する場合は、コーディングスキルをアピールできるという点でプラス要素になります。 ですが、Web上のポートフォリオ作成サービスなどを使用してもマイナスになることはありません。 https://webdesigner-go.com/template/portfolio/, テンプレートをもとに自分好みにカスタマイズしていきました。（調べながら泥臭くやりました。） ・コーディング 企業がまずチェックするのは、以下のような視覚的なデザインセンスです。 ポートフォリオづくり楽しみながら頑張ってください。, 【中途未経験からグラフィックデザイナーになる方法】vol.3 ポートフォリオ編 | Rinkai-design. ですが、Web上のポートフォリオ作成サービスなどを使用してもマイナスになることはありません。 ご自身の転職活動のみに使うのであれば、実際の商品画像を引用しても問題ないかと思います。ただし、あくまでも架空のサイトである旨を記載しておいてください。 など。 ———————————— Spanish site:studio-sally.jp ———————————— #design #designer #artwork #create #brand #mx #blog #photography #photo #diademuertosmx #studiosally #branding #creative #mexico #japon #メキシコ #デザイン #ブログ #ポートフォリオ #海外 #スタジオ #国立市 #デザイン事務所 #スタジオサリー, A post shared by STUDIO SALLY (@studio_sally.design) on Nov 14, 2018 at 4:14am PST, ポートフォリオ10番目の作品例はプロダクトデザインをまとめています。写真の横には説明文をつけて分かりやすく解説しています。, ポートフォリオ作成のポイントはいろいろありますが、大切なことはただ単に作品集ではないということです。会社側はそのクリエイターがどのくらいのスキルを持っていて、どのくらい会社に貢献できるのかを知りたいと思っています。, ライバルより一歩踏み込んだポートフォリオを作成するためには自分が入りたい会社を徹底して研究します。どんなクリエイターが欲しいのか、その会社の社風は？などリサーチしてそれに合う作品を選びポートフォリオにまとめます。その会社に入ればどのくらいメリットがあるのかをアピールできれば強い武器になるでしょう。. 学生・就活生向けのポートフォリオの作り方についてゼロから解説します。ポートフォリオ制作の段取りや気を付ける点、その後の改善についての考え方などをサンプルを交えて分かりやすく解説します。デザイン業界には必須のポートフォリオを効率よく作成する秘訣を全て解説します。 が、そういう立場にたったことがなければ、増してや初めての就職ときては、五里霧中。 Close the search window, please press close button or esc key. 最近はVue、Node.js、Laravel、AWSを触っています。. もしも紙で別途用意する場合は、A4サイズのクリアファイルに作品を印刷して封入する程度で大丈夫です。 また、応募する求人の業務内容に合わせて作成ができればさらにプラスです。 ビジュアルや会社名を載せられなくても、具体的な案件名を伏せて手がけた担当領域を文章だけでも掲載することをオススメします。 新卒学生向けにポートフォリオのブラッシュアップ講座も開設しています。ゲーム業界を目指す方に、完全無料でサポートします。. 普通紙ではなく、画像や色が綺麗にでる高品質なものを使用するのがオススメです。, 「インクジェット」と何が違うかというと、まず対応している紙。 など、アウトプットした成果物に対してどこまでを自分が担当したのか明記します。 もちろん応募する企業によって「未経験」に求めるハードルも違いますが、サイトを1つでも完成させることで応募できる企業の幅が広がることは間違いありません。, サイトを組み上げるのはどうしてもハードルが高い、まずは自分のデザインしたものが通用するのか判断してほしいという場合は、オンライン上で簡単にポートフォリオが作成できるWixを利用するのも一つの手です。, Wixは無料でポートフォリオが作成できるサービスです。 作品紹介のためにポートフォリオ（実績をアピールするサイト）を用意したいとは思っても、重要なポートフォリオサイトのデザインが決まらない！と悩んでしまう方も多いのではないでしょうか。, 作品の評価はもちろん、ポートフォリオサイト自体も当然評価対象となりますので、素敵なデザインに仕上げたいものです。, もしポートフォリオサイトをもっとカッコよくしたいと思ったら、クオリティの高い既存のデザインを参考にするといいでしょう。今回は、ポートフォリオサイト作成の参考になるデザイン20選とポートフォリオサイトの作り方をご紹介します。, Web関連で有名なブログ『Webクリエイターボックス』の運営者、Mana氏のポートフォリオサイトです。シンプルな構成が特徴で、どのような仕事をしてきたかがわかりやすいデザインです。, また、英語に切り替えが可能で、海外の方にもわかるようなポートフォリオとなっています。, ロンドン在住のWebデザイナー、フロントエンドエンジニアのJoyce Van Herck氏のポートフォリオサイトです。三角形や斜めの線を取り入れ、シンプルながらも目を引く個性的なデザインとなっています。, ポートフォリオページの画像はスライドショーになっており、代表的な作品を見ることができます。, 大阪府でフリーランスとしてWeb制作を行う、徳田優一 氏のポートフォリオサイトです。Web関連のポートフォリオサイトで、一番最初にプロフィール写真・メッセージを掲載しているデザインというのは珍しいのではないでしょうか。メッセージと白を貴重としたページ全体のデザインから、信頼できそうな印象が伝わってきます。, サービス内容を文章だけではなく、アイコンでも説明するなど、わかりやすい作りになっているのも参考ポイントです。, Webデザイナー・グラフィックデザイナーとして活動を行う、西村沙羊子 氏のポートフォリオサイトです。, シンプルなモノクロカラーでまとめながらも、個性的なレイアウトやアクセントを取り入れた遊び心のあるデザインです。作品ページのサムネイル画像も全てモノクロで、ページ全体のデザインを損なわないようになっています（画像にカーソルを合わせるとカラー画像に変化するのも参考になります）。, トップページ左端に各種SNSのリンクを設置しており、シームレスにアクセスができるのも参考例として注目です。, Webデザインからアートディレクションまで、多方面で活躍している田淵将吾 氏のポートフォリオサイトです。アニメーション、音楽を効果的に活用したデザインで、ユーザーの目を引きます。作品ページの見せ方にもこだわりがみられるポートフォリオサイトです。マウスオーバーで色が変化したり、徐々に画像を表示するアニメーションを表示したりと、様々な手法を駆使しているため、技術的な参考例として注目のポートフォリオサイトといえます。, フリーランスデザイナー フクシマナオキ氏のポートフォリオサイトです。シンプルなシングルページで、1ページ内で作品、コンセプト、プロフィールを全て見ることができます。コンパクトにまとめることで、伝えたいことを完結かつ確実に発信することができる参考例ではないでしょうか。, Web・グラフィックデザイナー MIKE INGHAM氏のポートフォリオサイトです。デスク上にアイテムを配置したようなメイン画像と、マウスオーバーした時の色の変化が美しい、オシャレなデザインに仕上がっています。細部までこだわっているポートフォリオサイトという印象です。, デザイナー Yu Ishihara氏のポートフォリオサイトです。美しい波がゆらゆらと動く、インパクトの強いデザインです。文字だけというシンプルなデザインながら、1度見たら忘れないデザインとなっています。文字中心のポートフォリオサイトに置ける好例です。, 初めてのウェビナーで失敗しない準備は？Web会議ツールのウェビナーオプションの使い方は？【ferret読者様限定ウェビナー】, 【先着限定25名様】3か月で売上4倍などの実績多数！1500社を超えるSEO支援をしてきたGIコンサルティングパートナーズのSEO実践オンラインセミナー, ferret編集メンバーが不定期で更新します。
ほん怖 2011 永野芽郁 36, 50代 赤 コーデ 4, ベトナム人 マナー 悪い 48, Back To Me 和訳 11, Javascript Width 変更 4, リクガメ ケージ 自作 衣装ケース 8, 黒い砂漠 シャカトゥ交換 場所 11,
