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

本

ポートフォリオサイトを作りたいけどやり方がわからないクリエイターへ。Adobe Portfolioで作りませんか？手取り足取り教えますよ。イラストレーター兼ウェブコンサルタントが… もっと読む

購入すると、スクリーンショットが見られるよ。仕事の取れるウェブサイトを作りたいクリエイターさんへ。

¥1,980

運営しているクリエイター: いしつく! / イラストサイトのつくりかた

#ウェブデザイン

【Adobe Portfolio】更新履歴！

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

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

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

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

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

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

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

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

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

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

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