Photogentle

Figmaの練習問題

架空のカフェの新メニュー試食キャンペーンLPをデザインしよう!(ワイヤーサンプルあり)

概要架空のカフェの新メニュー試食キャンペーンランディングページをデザインしよう。キャンバスサイズ PC版 : 横幅1366pxSP版:横幅375px のアートボードで作成すること納品形式 PhotoshopもしくはFigmaで出力したPNG...
フォトショップの練習問題

プロフィールリンクのデザイン

概要オリジナルのプロフィールリンクをデザインしてみましょう。サンプル(あくまで例、オリジナルのデザインにすること)キャンバスサイズ 横幅390px納品形式 PhotoshopもしくはFigmaで出力したPNG参考サイト: 目的Photosh...
フォトショップの練習問題

youtubeサムネトレース課題

概要次の2つのサンプルを参考にyoutubeのサムネイルを作成してください。 ※画像はこちらで配布されているものを使用しています。キャンバスサイズ 1280px × 720px納品形式 Photoshopで出力したPNG目的Photosho...
Figmaの練習問題

WEBパーツ作成課題

概要次のWEBページをデザインツールでデザインデータとして作成してください。キャンバスサイズ 390px × 500px納品形式 PhotoshopもしくはFigmaで出力したPNG目的PhotoshopもしくはFigmaでWEBサイトのパ...
WEB制作基礎知識

WEBデザインにおけるモニターの重要性と、RGB・解像度の理解

WEBデザインをする上で、モニター(ディスプレイ)の仕組みを理解することは非常に重要です。特に、RGB(色の表現方法)と解像度(画面の精細さ)を正しく理解すると、より適切なデザインが作成できます。RGBとは?(色の表現方法)RGB(Red,...
Canvaの使い方

【ポートフォリオ作成パーフェクトガイド】WEBデザイナー職に転職しよう!※PDFポートフォリオ

WEBデザイナーに興味があるけど、求人要項に「ポートフォリオ提出」って書いてある。聞いたことがない単語だ。ポートフォリオっていうのは「作品集」のことだよ。WEBデザイナーとしてスキルを持っていることを示すために作品集を提出するの。スキルの証...
イラストレーターの練習問題

アイコン作図練習

概要キャンバスサイズ A4納品形式 aiデータ作業内容新規ファイルを作成し、次のアイコンを作図してください。※作図の方法を学ぶ課題なので、完璧にスペースや角丸は合わせなくてOK作図例はを参考にしています。応用課題オリジナルのアイコンを作成し...
フォトショップの練習問題

【バナー課題】ファッションサイトの期間限定セール

期間限定セール バナー作成課題「FashionStyle」では、期間限定セールのバナー制作を依頼します。バナーはSNSやWebサイトトップページで使用するため、以下のポイントを重視してください! セール名(期間限定セール)と割引率(全商品3...
イラストレーターの練習問題

【デザイン理解ワーク】メリハリをつけて目立たせよう①

目的コントラストの法則を活用し、印刷物デザイン(ポスターやフライヤー)で重要な情報を強調し、視認性を高めるスキルを学ぶ。フォント、色、サイズ、配置の違いによる視覚効果を実践的に理解する。コントラストを活用することで、情報の優先順位を視覚的に...
イラストレーターの練習問題

【デザイン理解ワーク】とにかく揃える練習!

目的整列の法則を理解し、デザインに秩序と美しさを与える方法を実践的に学ぶ。ガイドラインやグリッドを活用して、情報の整理と視覚的な統一感を高めるスキルを身につける。近接の法則近接の法則とは、関連性のある要素を近くに配置し、無関係な要素は離して...
イラストレーターの練習問題

【デザイン理解ワーク】情報を整理しよう!

目的近接の法則を実践的に体感し、関連性のある要素をまとめることで視覚的なまとまりを作る方法を学ぶ。近接の法則近接の法則とは、関連性のある要素を近くに配置し、無関係な要素は離して配置することで、視覚的なまとまりや情報の整理をわかりやすくするデ...
未分類

2週間でイラストレーターの技術を習得する

イラストレーターのWEB制作における立ち位置Figmaがサイト全体の構造やUIデザインのメインツールとして使われる場合、イラストレーターは以下のような場面で活躍します。ベクター素材制作の専門ツールイラストレーターはベクター形式でデザインを作...