フォトショップの練習問題 【バナー課題】ファッションサイトの期間限定セール
期間限定セール バナー作成課題「FashionStyle」では、期間限定セールのバナー制作を依頼します。バナーはSNSやWebサイトトップページで使用するため、以下のポイントを重視してください！ セール名（期間限定セール）と割引率（全商品3...
2024-12
フォトショップの練習問題 
イラストレーターの練習問題 【デザイン理解ワーク】メリハリをつけて目立たせよう①
目的コントラストの法則を活用し、印刷物デザイン（ポスターやフライヤー）で重要な情報を強調し、視認性を高めるスキルを学ぶ。フォント、色、サイズ、配置の違いによる視覚効果を実践的に理解する。コントラストを活用することで、情報の優先順位を視覚的に...
イラストレーターの練習問題 【デザイン理解ワーク】とにかく揃える練習！
目的整列の法則を理解し、デザインに秩序と美しさを与える方法を実践的に学ぶ。ガイドラインやグリッドを活用して、情報の整理と視覚的な統一感を高めるスキルを身につける。近接の法則近接の法則とは、関連性のある要素を近くに配置し、無関係な要素は離して...
イラストレーターの練習問題 【デザイン理解ワーク】情報を整理しよう！
目的近接の法則を実践的に体感し、関連性のある要素をまとめることで視覚的なまとまりを作る方法を学ぶ。近接の法則近接の法則とは、関連性のある要素を近くに配置し、無関係な要素は離して配置することで、視覚的なまとまりや情報の整理をわかりやすくするデ...
未分類 2週間でイラストレーターの技術を習得する
イラストレーターのWEB制作における立ち位置Figmaがサイト全体の構造やUIデザインのメインツールとして使われる場合、イラストレーターは以下のような場面で活躍します。ベクター素材制作の専門ツールイラストレーターはベクター形式でデザインを作...
未分類 スターレンタルサーバーの新規登録方法
概要希少な無料でサービスを提供しているサーバー会社です。WEB制作の学習をする場合は初めにアカウントを取得しておきましょう。アカウント開設手順上記のサイトにアクセスお申し込みをクリック「すぐにスタート！新規お申し込み」をクリックこれでアカウ...
未分類 【テキスト縁取り】テキストの周りに枠線をつける方法【簡単キレイ】
結論から言うとつぎのようにやりますHTML<h1 class="strokeBlack" style="--word:'テキストデコレーション！';">テキストデコレーション！</h1><h2 class="strokeRed" style...
イラストレーターの練習問題 ロゴの作成課題
概要キャンバスサイズ 4cm * 4cmなど（ガイドラインはA4推奨）納品形式 svgデータ作業内容新規ファイルを作成し、ロゴ・マークを作成してください。作成するロゴのテーマ例 自身の名前 フリーランスで活動することを想定した屋号 自身の所...
イラストレーターの練習問題 名刺の作成課題
概要画像サイズ 55mm×91mm納品形式 aiデータ / 文字のアウトラインをすること※アウトライン前のデータも別で保存しておくことフォント 自由に選んでください作業内容新規ファイルを作成し、自分の名刺を作成してください。掲載内容は問い...
コーディング練習問題 CSSアニメーション練習問題
概要ファイルを編集し、要素にアニメーションをつけてください。トランジション アニメーションはトランジションを使用すること ホバーしたら発動 3秒かけて背景が黒に変わる ホバーを外す時もアニメーションが動くようにするキーフレームアニメーション...
コーディング練習問題 Gridレイアウト実践問題
概要ファイルを編集し、以下のようなレイアウトを作成してください。 横並びにはグリッドレイアウトを使用すること を使っても良い目的グリッドレイアウトの使い方の基本をマスターする。データ使用ソフトVisualStudioCode答え（作業完了後...
未分類 【News-cms】管理画面搭載の「お知らせ一覧」をサイトに追加できるシステムを作りました【無料配布】
News-cms：導入ガイドと紹介このシステムについてWebサイト制作の際にwordpressを構築するほどではないが「サイトに簡単更新ができるお知らせ欄を追加したい！」というケースがあるのではないでしょうか。そんな方のために軽量かつシンプ...