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

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

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

終わりに
簡単ですがざっくりと疎密を説明しましたが、いかがだったでしょうか?
皆さんのデザインにもぜひ取り入れて、新たな発見や改善の参考にしていただけたら幸いです!
ブログの著者欄
採用情報
関連記事
KEYWORD
CATEGORY
-
技術情報(601)
-
イベント(239)
-
カルチャー(60)
-
デザイン(71)
TAG
- 5G
- AI
- AI TALK
- AI 機械学習強化学習
- AI/機械学習
- AIエージェント
- AIコーディング
- AI人財
- AI駆動
- Behind the Scenes
- BIT VALLEY
- blockchain
- ChatGPT
- ChatGPT Team
- Claude Team
- cloudflare
- cloudnative
- CNDO
- CNDT
- CODE BLUE
- ConoHa
- ConoHa VPS
- CSS
- CTF
- Designship
- developer
- DevRel
- DevSecOpsThon
- Docker
- DTF
- Engineering Journey
- expert
- EXPERT CROSS
- GMO AI&ロボティクス商事
- GMO AIR
- GMO DESIGN AWARD
- GMO Developers Day
- GMO Developers Night
- 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天秤AI
- Go
- GPUクラウド
- GTB
- Hack-1グランプリ
- IETF
- iOS
- IoT
- ISUCON
- Japan Drone
- JapanDrone
- Java
- JJUG
- JSAI2026
- K8s
- Kaigi on Rails
- Kids VALLEY
- LLM
- MCP
- MetaMask
- MySQL
- NFT
- OpenStack
- Perl
- PHP
- PHPcon
- PHPerKaigi
- Python
- RFC
- RPA
- Ruby
- SECCON
- Selenium
- Spectrum Tokyo Meetup
- splunk
- SRE
- Takumi byGMO
- Terraform
- TypeScript
- UI/UX
- vibe
- VLA
- VPN
- VS Code
- XSS
- ZTNA
- アドベントカレンダー
- イベントレポート
- インターンシップ
- インハウス
- お名前.com
- クリエイターインタビュー
- クリエイティブ
- コンテナ
- コンピュータビジョン
- サイバーセキュリティ
- サマーインターン
- スクラム
- スパム対策
- スペシャリスト
- セキュリティ
- ソフトウェアサプライチェーン
- チームビルディング
- デザイン
- ネットのセキュリティもGMO
- ハーネスエンジニアリング
- バックエンド
- ヒューマノイド
- ヒューマノイドロボット
- フィジカルAI
- プログラミング教育
- ブロックチェーン
- フロントエンド
- ペアリング暗号
- ゆめみらいワーク
- リモートワーク
- レンタルサーバー
- ロボット
- ロボティクス
- 京大ミートアップ
- 京都大学
- 人型ロボット
- 人工知能
- 人工知能学会
- 国際ロボット展
- 国際標準化
- 基礎
- 多拠点開発
- 大阪公立大学
- 宮崎オフィス
- 強化学習
- 応用
- 技育プロジェクト
- 技術広報
- 技術書典
- 拡張知能
- 新卒
- 新卒研修
- 映像
- 映像クリエイター
- 暗号
- 業務効率化
- 機械学習
- 決済
- 生成AI
- 産学連携
- 研究開発
- 耐量子暗号
- 脆弱性診断
- 開発者
PICKUP
-
【Expert cross #3・後編】組織と業界を動かすエキスパートへ GMOサイバーセキュリティ byイエラエ・三村聡志が描く、「安全なロボット」を実現する世界
技術情報
-
【Expert Cross #3・前編】ソフト・ハードの両面から「話せる」エンジニアの流儀 GMOサイバーセキュリティ byイエラエ・三村聡志が語る、「伝えることで世界を良くする」エキスパートの在り方
技術情報
-
【イベントレポート後編】JSAI2026にGMOインターネットグループが登壇|GPUクラウドが支えるAI開発の最前線
イベント
-
【イベントレポート】JSAI2026にGMOインターネットグループが登壇|オープニング挨拶と最前線の研究発表
イベント
-
若手クリエイターへ問う、AI時代の「トキメキ」とは | GMO DESIGN AWARD 2026運営インタビュー
技術情報
-
【開催レポート・後編】第6回 京大ミートアップ|集合的予測符号化から見る人間とAIの共生
技術情報