記事一覧

今回はKURU Design松尾のイチオシ書籍「視覚マーケティングのススメ」をビギナーメンバーの花嘉流凪 (Hanahilo Luna)さんに読書レビューを書いていただきました。 少ない投資で大きく儲けるデザイン戦略【視覚マーケティングのススメ】 もうすぐ2歳になる...

商品：国産タオル 3枚セット商品サイズ：80cm × 33cm生産地：日本素材：綿100%カラー：ホワイト 特徴はふわっと柔らかな肌触り、吸水力が高いことです。 必要ワード 送料無料 国産（もしくはそれに類する表現） 提出条件 サイズ：1200px × 1200px※商品画像...

ネットショップ内の「おせち特集」ページに誘導するバナーを作成してください。バナーの設置箇所は「ショップトップページ」と「各商品ページの下部」と仮定して制作作業を進めてください。 どのようなネットショップを運営されていますか？ 当ネットショ...

無料コーディング課題です。下記のデザインカンプをコーディングし、完成させてください。 Photoshopがなくてもコーディングができるように、記事の最後に書き出した画像をフォルダと、詳細なコーディング指示の画像を入れています。 デザインカンプの詳細...

Instagramに広告を出すための画像を作成してください。 自分で無料サービスを使って作ってみました（下に掲載）が、イマイチです。もっと洗練されたわかりやすいものを希望します。 クライアントはこの画像の何が良くないと思ったのでしょう？クライアント...

アパレル販売のネットショップのトップページに「夏のセール特集ページに誘導するバナー」を作成してください。販売しているものは、洋服・ファッション小物です。 当ネットショップの利用者層は30・40代女性が8割を占めます。・セールをきっかけに、初め...

最後の行のスペースを埋めたい！ こんなときありませんか？display:flexをしたときに、justify-content: space-betweenをすると子要素の数によっては、4番と5番の間にスペースができてしまいます。下の図のような状態です。 Flexboxを使っているときにあり...

CSSで、スタイルが優先して適用されるかを決めるルールについて解説します。複数のスタイルが競合したときに、「強さ」を比べるためのルールです。 詳細度 / 特異性 / specificity と、いろんな呼び方がありますが、今回は Google Chromeが採用している特...

Microsoftが提供するVisual Studio Code（通称 VS Code）というHTMLやCSSを書くためのアプリケーションをMacにインストールする手順をご紹介します。大まかな流れとしては「アプリをダウンロードする」→「Macにインストールする」→「いつでも使いやすいよ...

10年以上勤めたパティシエから転職をいたしまして”デザイナー”の世界に飛び込んだ、1年目Webデザイナー、なっちゃんです！ 職業訓練校を修了し入社したのは、デザイナーが私（実務経験無し）しかいないという小さな会社。仕事の中でバナーやDMを作るんです...

Web鍛の課題はポートフォリオに載せてもOK！練習課題として、ぜひチャレンジしてみてください。 お題内容 一人暮らしの会社員女性向けに、お花の定期便のInstagram広告を出したいです 商品情報 ※がついている文言は必ずバナーに載せてください 商品概要お...

head内に下記を記載します。下記の場合は画像の大きさは「64px」にしておきます。この場合画像の拡張子は.png <link rel="icon" type="image/png" href="パス/favicon.png" sizes="16x16 24x24 32x32 48x48 64x64&q...