こんにちは、このブログではタイトル通り多くのデザイン案件を効率的にこなすために私が特に意識していることについてお話しします。これをちょっと理解するだけで、ビジュアルづくりに頭を抱えることがなくなりますよ!
目次
自己紹介
GMOインターネットグループ株式会社で10年間デザインをやっている萩原です。
普段はアクセス事業部のGMOとくとくBBという商材を主に担当しています。この10年間を振り返ると、たくさんの案件に関わってきました。
主な実績としては、GMOとくとくBBのサイト改修や各種ランディングページのデザインを手掛けてきました。
また、ConoHaのコントロールパネルのデザインにも携わったり…。
さらに、小学生向けのデザイン講師としても活動し、次世代のクリエイター育成のお手伝いもさせていただきました。
気がつけば1年間でチーム内で最も多くの案件をこなしていて、軽く引いてます…(笑)。
それでも、デザインするのに全然飽きないんですよね!案件の大小に関わらず、いつも楽しく、そして効率的にデザインを進めてこれたのは、「疎密」を意識しているからだなと感じています。
疎密って何?
簡単に言うと、「疎」は空間や余白、「密」は密集している部分を指します。これをうまく利用することで、画面にリズムが生まれ、ユーザーにとって見やすく、わかりやすいビジュアルをどんどん作れるようになりますよ!
感覚的にでも理解しておくと、余計な迷いがなくなり、ビジュアルづくりのスピードが格段に上がると思います!

疎密を使うことで
1. 視点のコントロール: 画面の中で疎と密がしっかりあると、密の部分に視線を誘導しやすくなり、閲覧者の視線をコントロールできます。
2. 印象のコントロール: 疎と密の差を大きくすることでメリハリが出てリズムが生まれます。逆に差を小さくすることで安心感や冷静さが増すなど、印象をコントロールできます。例えば、ミニマルなデザインでは疎の部分を多く取り、重要な情報を際立たせることができます。
3.情報の優先順位付け: 重要な情報を「密」の部分に配置し、それ以外を「疎」にすることで、情報の優先度を視覚的に見る側に印象付けられます。

実際の難しさとアドバイス
でも実際は疎密って難しいですよね。感覚で分かる人もいれば、めちゃくちゃ訓練を必要とする人もいます。わからない人は、ちょっとでもいいので自分の作品の中で疎と密を決めて製作していくことを意識してみてください。
応用編
疎密は空間の違いだけでなく、色のコントラストや表現のテクスチャーの違いでも表現できます。
自分の作品に少しひねりを加えたいときは、これらの疎密も意識してみると、ビジュアルづくりの幅が広がりますよ。

終わりに
簡単ですがざっくりと疎密を説明しましたが、いかがだったでしょうか?
皆さんのデザインにもぜひ取り入れて、新たな発見や改善の参考にしていただけたら幸いです!
ブログの著者欄
採用情報
関連記事
KEYWORD
CATEGORY
- 
                  技術情報(516)
 - 
                  イベント(193)
 - 
                  カルチャー(50)
 - 
                  デザイン(47)
 
TAG
- "eVTOL"
 - "Japan Drone"
 - "ロボティクス"
 - "空飛ぶクルマ"
 - 5G
 - Adam byGMO
 - AGI
 - AI
 - AI人財
 - APT攻撃
 - AWX
 - BIT VALLEY
 - Blade
 - blockchain
 - Canva
 - ChatGPT
 - ChatGPT Team
 - Claude Team
 - cloudflare
 - cloudnative
 - CloudStack
 - CM
 - CNDO
 - CNDT
 - CODEGYM Academy
 - ConoHa
 - ConoHa、Dify
 - CS
 - CSS
 - CTF
 - DC
 - design
 - Designship
 - Desiner
 - DeveloperExper
 - DeveloperExpert
 - DevRel
 - DevSecOpsThon
 - DiceCTF
 - Dify
 - DNS
 - Docker
 - DTF
 - Expert
 - Felo
 - GitLab
 - GMO AIR
 - GMO AIロボティクス大会議&表彰式
 - GMO DESIGN AWARD
 - GMO Developers Day
 - GMO Developers Night
 - GMO Developers ブログ
 - GMO Flatt Security
 - GMO GPUクラウド
 - GMO Hacking Night
 - GMO kitaQ
 - GMO SONIC
 - GMOアドパートナーズ
 - GMOアドマーケティング
 - GMOイエラエ
 - GMOインターネット
 - GMOインターネットグループ
 - GMOクラウド]
 - GMOグローバルサイン
 - GMOサイバーセキュリティbyイエラエ
 - GMOサイバーセキュリティ大会議
 - GMOサイバーセキュリティ大会議&表彰式
 - GMOソリューションパートナー
 - GMOデジキッズ
 - GMOブランドセキュリティ
 - GMOペイメントゲートウェイ
 - GMOペパボ
 - GMOメディア
 - GMOリサーチ
 - GMO大会議
 - Go
 - GPU
 - GPUクラウド
 - GTB
 - Hardning
 - Harvester
 - HCI
 - iOS
 - IoT
 - ISUCON
 - JapanDrone
 - Java
 - JJUG
 - K8s
 - Kaigi on Rails
 - Kids VALLEY
 - KidsVALLEY
 - LLM
 - MCP
 - MetaMask
 - MySQL
 - NFT
 - NVIDIA
 - NW構成図
 - NW設定
 - Ollama
 - OpenStack
 - Perl
 - perplexity
 - PHP
 - PHPcon
 - PHPerKaigi
 - PHPカンファレンス
 - QUIC
 - Rancher
 - RPA
 - Ruby
 - Selenium
 - Slack
 - Slack活用
 - Spectrum Tokyo Meetup
 - splunk
 - SRE
 - SSL
 - Terraform
 - TLS
 - TypeScript
 - UI/UX
 - vibe
 - VLAN
 - VS Code
 - Webアプリケーション
 - WEBディレクター
 - XSS
 - アドベントカレンダー
 - イベントレポート
 - インターンシップ
 - インハウス
 - オブジェクト指向
 - オンボーディング
 - お名前.com
 - カルチャー
 - クリエイター
 - クリエイティブ
 - コーディング
 - コンテナ
 - サイバーセキュリティ
 - システム研修
 - スクラム
 - スペシャリスト
 - セキュリティ
 - ソフトウェアテスト
 - チームビルディング
 - デザイン
 - ドローン
 - ネットのセキュリティもGMO
 - ネットワーク
 - ビジネス職
 - ヒューマノイド
 - ヒューマノイドロボット
 - プログラミング教育
 - ブロックチェーン
 - ベイズ統計学
 - マルチプレイ
 - ミドルウェア
 - モバイル
 - ゆめみらいワーク
 - リモートワーク
 - レンタルサーバー
 - ロボット
 - 京大ミートアップ
 - 人材派遣
 - 出展レポート
 - 動画
 - 協賛レポート
 - 基礎
 - 多拠点開発
 - 大学授業
 - 宮崎オフィス
 - 展示会
 - 応用
 - 技育プロジェクト
 - 技術広報
 - 採用
 - 採用サイトリニューアル
 - 採用活動
 - 新卒
 - 新卒研修
 - 日本科学未来館
 - 映像
 - 映像クリエイター
 - 暗号
 - 業務効率化
 - 業務時間削減
 - 機械学習
 - 決済
 - 物理暗号
 - 生成AI
 - 視覚暗号
 - 開発生産性
 - 開発生産性向上
 - 階層ベイズ
 - 高機能暗号
 
PICKUP
- 
                  
                    
                                        東京・福島・福岡の専門学校3校でConoHa AI Canvasを用いた講義を実施しました
技術情報
 - 
                  
                    
                                        【協賛レポート・前編】Designship 2025|参加者と“共につくる”デザインのかたち──私たちの挑戦を振り返る
デザイン
 - 
                  
                    
                                        NFSのパフォーマンストラブルに対応した話
技術情報
 - 
                  
                    
                                        Microsoft Entra アプリケーション プロキシ × Windows 統合認証環境での NTLM 廃止影響と対策
技術情報
 - 
                  
                    
                                        GMOインターネットグループ合同テクノロジーインターンシップ2025 体験記~ML/Webコース編①~
カルチャー
 - 
                  
                    
                                        ChatGPTとConoHa AI Canvasで検証:生成AIが変えるクリエイティブ制作
技術情報