いしつく!のAdobe Portfolio徹底解説

12
[0]Adobe Portfolioを駆使して、ビジネス用ポートフォリオサイトを作ってみた【詳細解説+サンプル】

[0]Adobe Portfolioを駆使して、ビジネス用ポートフォリオサイトを作ってみた【詳細解説+サンプル】

クリエイターのウェブサイト(ポートフォリオサイト)を、Adobe Portfolioで一から完成まで作るドキュメンタリー(?)です。仕事の取れるウェブサイトを目指して作り込みます。 この記事はnoteマガジン「いしつく!のAdobe Portfolio徹底解説」のまえがきです。全文無料で読めます。 今回作るのはイラストレーターのウェブサイトですが、デザイナーさんや、写真家さんや、その他のフリーランスクリエイターさんの役にも立つと思います。 Adobe Portfolio

25
【Adobe Portfolio】更新履歴!

【Adobe Portfolio】更新履歴!

この記事はマガジンを購入した人だけが読めます

4
【Adobe Portfolio:1】新しく1サイト作り、独自ドメインを割り当てるまで

【Adobe Portfolio:1】新しく1サイト作り、独自ドメインを割り当てるまで

Adobe Portfolioで新しく1サイト作る まずは、Adobe Porftolioで新しく1サイト作ります。やりかたは……といってもログインして画面の指示に従って進むだけなので、めっちゃ簡単です。5分もかからないと思います。 詳しくはいしつく!ブログの記事「Adobe Portfolioとは?」に書いたので読んでみてください。新しくページを作るにはどうするかとか、どんな設定ができるかとかも説明してます。 途中でテーマの選択が出てきたら「Thomas」を選択します

8
【Adobe Portfolio:2】ヘッダのロゴをちゃんとする

【Adobe Portfolio:2】ヘッダのロゴをちゃんとする

まずはナビゲーションのロゴをちゃんとしましょうか。デフォルト状態では、本名がそのまま出ててなんだかなぁな感じだし。 ロゴマークって作ってますか?ぜひ作ってください。屋号を表すものなどがいいですね。ただAdobe Portfolioでロゴ画像を割り当てようと思ったら、なんかちょっとクセがあったので、そのことも含めて解説します。 この記事は、Adobe Portfolioでクリエイターのウェブサイトを作る詳細解説マガジンの一記事です。単なるおしゃれサイトなんかいらない。仕事の

6
【Adobe Portfolio:3】全体の設定をととのえる

【Adobe Portfolio:3】全体の設定をととのえる

検索エンジン対策用のキーワードとか、サイト全体の設定の説明です。最初にやってもいいし、完成が近づいてからやってもいいでしょう。 この記事は、Adobe Portfolioでクリエイターのウェブサイトを作る詳細解説マガジンの一記事です。単なるおしゃれサイトなんかいらない。仕事の取れるウェブサイト目指して作り込んでいく、その手順や操作や考え方の実録です。 こういう設定はあんがい大切なものなんだけど、どう書いていいか?どう判断すればいいのか?って割と誰も教えてくれないですよね。

6
【Adobe Portfolio:4】ホーム(トップ)ページを作る

【Adobe Portfolio:4】ホーム(トップ)ページを作る

クリエイターさんがよくやりがちだけど、画像だけの「エンターページ」って本当に意味ない。Adobe Portfolioにも「スプラッシュページ(ようこそページ)」という名前でそれに近い設定が用意されてるんだけど、今回は全く使いません。 これは、絶対にやらないでほしい例(画像)。 この記事は、Adobe Portfolioでクリエイターのウェブサイトを作る詳細解説マガジンの一記事です。単なるおしゃれサイトなんかいらない。仕事の取れるウェブサイト目指して作り込んでいく、その手順

6
【Adobe Portfolio:5】ヘッダーナビゲーションと、ページ構造をちゃんとする

【Adobe Portfolio:5】ヘッダーナビゲーションと、ページ構造をちゃんとする

ヘッダーナビゲーションは、ロゴの右側のエリアにあって、主要なページへのリンクをまとめた部分のことです。「ナビゲーション」なのでここは使い勝手よく、丁寧に作らなければなりません。 そしてなにより、ナビゲーションを作るには、サイト全体の構造が決まっていなきゃお話になりません。 Adobe Portfolioでは、ナビゲーションそのものを作る設定と、サイト全体の構造設定を一緒にしたような感じの機能があります。そのへんを触りながら、どう作るのがいいかを合わせて説明していきますね。

6
【Adobe Portfolio:6】フッターをちゃんとする

【Adobe Portfolio:6】フッターをちゃんとする

「フッター」は、ページの最下部です。本来はこの部分はサイトマップの簡易版のようにいろんなページへのリンクを網羅するのがよいのですけど、Adobe Portfolioでは残念ながらそこまではできませんでした。そこは無料サイトの限界、しょうがないところがありますね。 そこで、簡易な横並びのリンクを入れることにしました。ついでにSNSアイコンを出すようにします。 この記事は、Adobe Portfolioでクリエイターのウェブサイトを作る詳細解説マガジンの一記事です。単なるおし

7
【Adobe Portfolio:7】問い合わせフォームを作ろう

【Adobe Portfolio:7】問い合わせフォームを作ろう

問い合わせフォームは仕事の直接の窓口ですから、ちゃんと作りましょう。まずは「どう作るべきか」の話からさせてください。 問い合わせフォームの理想形 問い合わせフォームはシンプルなほうがいい、って信じている人が多いんですけど、それ迷信です。 大半のクリエイターさんが作る問い合わせフォームってこういう感じ、というか、Adobe Porftfolioにデフォルトで入ってるのがこれなんですけど…… これはダメの典型例。 問い合わせフォームは、項目がある程度多いほうが有益です。

6
【Adobe Portfolio:8】作品ページ(制作例紹介)を作る

【Adobe Portfolio:8】作品ページ(制作例紹介)を作る

作品の紹介ページを作りましょう。作例の紹介ページは、仕事が取れるようなウェブサイトを作るためにけっこう重要なポイントなので、時間はかかるかもしれませんが、じっくりしっかりやっていきましょう。 この記事は、Adobe Portfolioでクリエイターのウェブサイトを作る詳細解説マガジンの一部です。オシャレギャラリーサイトなんかじゃなく仕事の取れるウェブサイト目指して作り込んでいく解説マガジンです。 いまこの記事で作っているサイトはイラストレーター(私です)のものですが、前に

6