当サイトの課題は、どなたでも活用いただけます。
・ポートフォリオに掲載OK
・Webデザイン講師の方が授業に利用いただくことOK
・企業内の研修にご利用いただくことOK
※転載、再配布はNG、URLのシェアをお願いいたします
※TwitterやInstagramでの公開もOK、ぜひメンションしてください
-
画像制作課題|イベントページのカバー画像を作成してください
クライアント様のご要望 イベントを行う予定です、現時点で決まっていることは下記の通りです。デザインはおまかせしますが、かっこいい感じでお願いいたします。イベントサイトとは別のLPはこちら https://webtan.tech/lp/lp_sample_design/某イベント集... -
バナーお題|デザイナー向け転職サイト
提出条件 サイズ:336px×280px 形式:JPG画像(最終納品はPSD or Ai ファイル) 必要な文章 デザイナー向け転職サイト 未経験でも挑戦できます 非公開求人多数 エージェントが徹底サポート 状況によっては一部省いていただいてけっこうです。文言も多少変... -
画像制作課題|YouTubeのサムネイル画像を作ってください
YouTubeで初心者向けに、お金の基礎知識を発信しています。今回はつみたてNISAについての解説を5分でまとめました。男性女性、年齢層関係なく親しんでいただきたい内容です。初心者でも親しみやすい雰囲気に、そして目立つようにサムネイルを作成していた... -
【未経験者向け】Webデザイナーのポートフォリオサイトって、どうやって作ったらいいの?【HTML・CSSテンプレート付き】
職業訓練校やスクールを卒業した後、就職活動が待っていますね。 未経験からウェブ業界に足を踏み入れる場合、重要なのは「私はこれまでここまで学んできて、こんなスキルを持っています」という情報を視覚的に示すこと、つまりポートフォリオサイトが必要... -
画像制作課題|地図を作ってください
クライアントさんが手書きで描いてくれた地図があります。これをIllustratorを使って、キレイな地図を作ってくれるかな? コツは、お客様の描いたまま画像を作るのではなくって「本当に必要なもの」を考えて、不要なものは削除して、地図をわかりやすくす... -
コーディング課題「デンタルクリニックのウェブサイト」
無料コーディング課題です。下記のデザインカンプをコーディングし、PCサイトを完成させてください。Photoshopがなくてもコーディングができるように、記事の最後に書き出した画像をフォルダと、詳細なコーディング指示の画像を入れています。 デザインカ... -
印刷物作成|題材:カフェのチラシ
ランチやカフェタイムのお客さんを増やしたいので、店の近くを通る方にチラシを配布しようと思っています。既存のチラシは少し見づらいので、わかりやすくきれいなものにリニューアルしたいです。 提出条件 サイズ:A5サイズ(148×210mm)納品:Adobe Illu... -
バナーお題|イベント誘導「見学会」
住宅の完成見学会を行います。大勢のお客様に、注文住宅について興味を持ってもらいたいと思います。 提出条件 サイズ:336px×280px形式:JPG画像(最終納品はPSD or Ai ファイル) 必要な文章 10/23(土) / 10/24(日)完成見学会 その他情報 ※この情報は入... -
広告用のバナーを作成|題材:キャンペーン誘導「旅行」
旅行プランの特集ページへリンクするバナーの作成をお願いします。お客様が旅をしたくなるようなバナーだと嬉しいです。 提出条件 サイズ:336px×280px 形式:JPG画像(最終納品はPSD or Ai ファイル) 必要な文章 「航空券と宿泊プランのお得なパック」 ... -
バナー課題|スポーツジムのキャンペーン誘導
新規会員様の獲得に向けて、キャンペーンを行います。Webサイトの中で目を引くようなバナーをお願いします。 提出条件 サイズ:1200 x 628 形式:JPG画像(制作はPSD or Ai) バナー内に必ず入れてほしいもの 入会金無料 初月0円 その他の情報 ※この情報は... -
ヘッダー部分をアレンジしてみよう
もともとのコードはこうでした。 <header> <div class="header_inner"> <h1><a href="./index.html"><img src="./images/logo.png" alt="有機野菜ドットコム"></a></h1&g... -
記事を見ながら実際に作れる!Photoshopでのバナー作成のやり方(素材紹介・図解あり)
Photoshopでバナーを作りはじめた初心者の方へ、バナー制作の基礎操作を網羅できるチュートリアルをお届けします。各種素材へのリンクも用意しているので、記事を見ながら、ぜひ一緒にPhotoshopでバナーを作ってみてください。 \ 今回作成するバナーの完...