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