Figmaの練習問題 【徹底検証】Figmaのペン機能はIllustratorの代替になるのか【Webデザイナー編】
上記の続きです。Figmaはベジェ曲線のデータを作成することができます。利用用途 アイコンの作成 イラスト作成 フォントで打ち込んだ文字の加工、あしらいの追加 Webパーツ素材作成もし、Adobeの契約をしている場合はIllustrator...
Figmaの練習問題 
Figmaの練習問題 Figma「プロトタイプ」の基本をマスターしよう！
上記の続きです。前回の記事では「デザインタブ」の続きですが「プロトタイプタブ」の基本をマスターしましょう。サンプルデータすぐにプロトタイプ機能を試せる画面を用意しました。こちらのデータを使ってください。プロトタイプってなに？Figmaにはプ...
Figmaの練習問題 Figmaの基本をマスターしよう！
FigmaはWebデザインにおいて非常に重要なツールです。その重要性は日に日に高まっています。使い方はそれほど難しくなく、使っていてストレスもありません。さらっと基本を覚えましょう。こちらの記事では導入はすでに済んでいることを前提に使い方を...
Figmaの練習問題 Figmaのマスクについて
まずは動画で確認まずは動画で使っているところを見てみましょう。上記の画像を「WATER」という形にマスクしてみます。①マスクするもの、されるものをグループ化する。②マスクする形のものをグループの一番下に移動する。③一番下のものを右クリックし...
イラストレーターの練習問題 SNSプロフィールアイコン制作課題
SNSプロフィールアイコン制作課題課題内容Adobe Illustratorを使用して、各SNSサイトで利用するための「自身を表わすプロフィールアイコン」を作成してください。今回ちゃんとしたものを作っておくと今後のサイト作成や、アカウントへ...
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作図例はを参考にしています。応用課題オリジナルのアイコンを作成し...