# ビジュアルデザイン の記事一覧
![もうダサくならない!色々な形のロゴをプロっぽく配置する「ぼかし」テクニック](https://devio2023-media.developers.io/wp-content/uploads/2023/09/graphicplacement.png)
もうダサくならない!色々な形のロゴをプロっぽく配置する「ぼかし」テクニック
![User avatar](/_next/image/?url=https%3A%2F%2Fdevio2023-media.developers.io%2Fwp-content%2Fuploads%2Fdevio_thumbnail%2F2024-06%2Fyen.png&w=256&q=75)
![初心者でも簡単!仕事で使える色彩テクニック〜美しい色の組み合わせはたった4つだけ〜 #devio2023](https://devio2023-media.developers.io/wp-content/uploads/2023/07/4c85c234076325c638e2c305400f29d6.jpg)
初心者でも簡単!仕事で使える色彩テクニック〜美しい色の組み合わせはたった4つだけ〜 #devio2023
![User avatar](/_next/image/?url=https%3A%2F%2Fdevio2023-media.developers.io%2Fwp-content%2Fuploads%2Fdevio_thumbnail%2F2024-06%2Fyen.png&w=256&q=75)
![ビジネスの象徴を創造するデザイン!コーポレートロゴ制作の舞台裏 〜クラスメソッドロゴリデザイン2023〜](https://devio2023-media.developers.io/wp-content/uploads/2023/06/titlelogo2023.jpg)
ビジネスの象徴を創造するデザイン!コーポレートロゴ制作の舞台裏 〜クラスメソッドロゴリデザイン2023〜
![User avatar](/_next/image/?url=https%3A%2F%2Fdevio2023-media.developers.io%2Fwp-content%2Fuploads%2Fdevio_thumbnail%2F2024-06%2Fyen.png&w=256&q=75)
![変わる企業イメージ!コーポレートロゴ制作を徹底解説 〜クラスメソッドロゴリデザイン2017〜](https://devio2023-media.developers.io/wp-content/uploads/2023/06/titleloto2017.jpg)
変わる企業イメージ!コーポレートロゴ制作を徹底解説 〜クラスメソッドロゴリデザイン2017〜
![User avatar](/_next/image/?url=https%3A%2F%2Fdevio2023-media.developers.io%2Fwp-content%2Fuploads%2Fdevio_thumbnail%2F2024-06%2Fyen.png&w=256&q=75)
![【資格取得】パーソナルカラーアドバイザーになってみた](https://devio2023-media.developers.io/wp-content/uploads/2021/12/pcolorthum_1.jpg)
【資格取得】パーソナルカラーアドバイザーになってみた
![User avatar](/_next/image/?url=https%3A%2F%2Fdevio2023-media.developers.io%2Fwp-content%2Fuploads%2Fdevio_thumbnail%2F2024-06%2Fyen.png&w=256&q=75)
![【ALL無料】何年も推し続けているデザイン系サービス10選](https://devio2023-media.developers.io/wp-content/uploads/2021/07/433aaa28788d4f6caa1f7cc8775ce638.jpg)
【ALL無料】何年も推し続けているデザイン系サービス10選
![User avatar](/_next/image/?url=https%3A%2F%2Fdevio2023-media.developers.io%2Fwp-content%2Fuploads%2Fdevio_thumbnail%2F2024-06%2Fyen.png&w=256&q=75)
![[資格取得]色彩検定1級おうち学習で合格しました](https://devio2023-media.developers.io/wp-content/uploads/2021/01/colortham.png)
[資格取得]色彩検定1級おうち学習で合格しました
![User avatar](/_next/image/?url=https%3A%2F%2Fdevio2023-media.developers.io%2Fwp-content%2Fuploads%2Fdevio_thumbnail%2F2024-06%2Fyen.png&w=256&q=75)
![新しくリリースされたSketchプラグインを紹介します(2020.10版)](https://devio2023-media.developers.io/wp-content/uploads/2020/07/hero-image-sketch-plugins.png)
新しくリリースされたSketchプラグインを紹介します(2020.10版)
![User avatar](/_next/image/?url=https%3A%2F%2Fdevio2023-media.developers.io%2Fwp-content%2Fuploads%2Fdevio_thumbnail%2F2024-06%2Fkuboki-hiroshi.jpeg&w=256&q=75)
![[レポート] Webコンテンツ強化へのCloudinaryの活用事例 #ImageCon2020](https://devio2023-media.developers.io/wp-content/uploads/2020/08/ImageCon2020.png)
[レポート] Webコンテンツ強化へのCloudinaryの活用事例 #ImageCon2020
![User avatar](/_next/image/?url=https%3A%2F%2Fdevio2023-media.developers.io%2Fwp-content%2Fuploads%2Fdevio_thumbnail%2F2024-06%2Fito-mai.png&w=256&q=75)
![新しくリリースされたSketchプラグインを紹介します(2020.07版)](https://devio2023-media.developers.io/wp-content/uploads/2020/07/hero-image-sketch-plugins.png)
新しくリリースされたSketchプラグインを紹介します(2020.07版)
![User avatar](/_next/image/?url=https%3A%2F%2Fdevio2023-media.developers.io%2Fwp-content%2Fuploads%2Fdevio_thumbnail%2F2024-06%2Fkuboki-hiroshi.jpeg&w=256&q=75)
![無償で使えるプロ仕様の映像編集ソフト「DaVinci Resolve」を導入する(for Win/Mac/Linux)](https://devio2023-media.developers.io/wp-content/uploads/2020/07/dr-eyecatch-1.png)
無償で使えるプロ仕様の映像編集ソフト「DaVinci Resolve」を導入する(for Win/Mac/Linux)
![User avatar](/_next/image/?url=https%3A%2F%2Fdevio2023-media.developers.io%2Fwp-content%2Fuploads%2Fdevio_thumbnail%2F2024-06%2Fwatanabe-seigo.png&w=256&q=75)
![新しくリリースされたSketchプラグインを紹介します(2020.04版)](https://devio2023-media.developers.io/wp-content/uploads/2020/04/sketch-plugins-202004.png)
新しくリリースされたSketchプラグインを紹介します(2020.04版)
![User avatar](/_next/image/?url=https%3A%2F%2Fdevio2023-media.developers.io%2Fwp-content%2Fuploads%2Fdevio_thumbnail%2F2024-06%2Fkuboki-hiroshi.jpeg&w=256&q=75)
![ブログのアイキャッチ画像を美しく作るコツ「アイソレーション」を理解する](https://devio2023-media.developers.io/wp-content/uploads/2020/03/eyecatch-isolasion-eyecatch.png)
ブログのアイキャッチ画像を美しく作るコツ「アイソレーション」を理解する
![User avatar](/_next/image/?url=https%3A%2F%2Fdevio2023-media.developers.io%2Fwp-content%2Fuploads%2Fdevio_thumbnail%2F2024-06%2Fsuwa-yuki.png&w=256&q=75)
![インフラエンジニアの私がプロダクトのデザインに初めて携わって得た知見まとめ](https://devio2023-media.developers.io/wp-content/uploads/2019/11/aws-eyecatch.png)
インフラエンジニアの私がプロダクトのデザインに初めて携わって得た知見まとめ
![User avatar](/_next/image/?url=https%3A%2F%2Fdevio2023-media.developers.io%2Fwp-content%2Fuploads%2Fdevio_thumbnail%2F2024-06%2Fshirota.png&w=256&q=75)
![新しくリリースされたSketchプラグインを紹介します(2020.01版)](https://devio2023-media.developers.io/wp-content/uploads/2020/01/sketch-plugins-202001.png)
新しくリリースされたSketchプラグインを紹介します(2020.01版)
![User avatar](/_next/image/?url=https%3A%2F%2Fdevio2023-media.developers.io%2Fwp-content%2Fuploads%2Fdevio_thumbnail%2F2024-06%2Fkuboki-hiroshi.jpeg&w=256&q=75)
![[レポート]工数膨大なデザインシステムを気軽に使えるようになるには?のお話 #Adobe MAX Japan](https://devio2023-media.developers.io/wp-content/uploads/2019/12/b28d982785e67c50cf83d26b318a7131.jpg)
[レポート]工数膨大なデザインシステムを気軽に使えるようになるには?のお話 #Adobe MAX Japan
![User avatar](/_next/image/?url=https%3A%2F%2Fdevio2023-media.developers.io%2Fwp-content%2Fuploads%2Fdevio_thumbnail%2F2024-06%2Fyen.png&w=256&q=75)
![[レポート]様変わりしていくクリエイティブ世界に適応するため今こそXD!のお話 #Adobe MAX Japan](https://devio2023-media.developers.io/wp-content/uploads/2019/12/5cce28273cc50f7d20ced4baf04c5cb6.jpg)
[レポート]様変わりしていくクリエイティブ世界に適応するため今こそXD!のお話 #Adobe MAX Japan
![User avatar](/_next/image/?url=https%3A%2F%2Fdevio2023-media.developers.io%2Fwp-content%2Fuploads%2Fdevio_thumbnail%2F2024-06%2Fyen.png&w=256&q=75)
![[レポート]インタラクションはシステムとユーザーの壁を超えるというお話 #Adobe MAX Japan](https://devio2023-media.developers.io/wp-content/uploads/2019/12/53cbf2b654bc7c2eefd4f776e0257ea4.jpg)
[レポート]インタラクションはシステムとユーザーの壁を超えるというお話 #Adobe MAX Japan
![User avatar](/_next/image/?url=https%3A%2F%2Fdevio2023-media.developers.io%2Fwp-content%2Fuploads%2Fdevio_thumbnail%2F2024-06%2Fyen.png&w=256&q=75)
![[レポート]5300人が集まるクリエティブのお祭りに行ったお話 #Adobe MAX Japan](https://devio2023-media.developers.io/wp-content/uploads/2019/12/98053c4875bc50f20510d37cb5b977f0.jpg)
[レポート]5300人が集まるクリエティブのお祭りに行ったお話 #Adobe MAX Japan
![User avatar](/_next/image/?url=https%3A%2F%2Fdevio2023-media.developers.io%2Fwp-content%2Fuploads%2Fdevio_thumbnail%2F2024-06%2Fyen.png&w=256&q=75)
![Sketch Tokyo 2019で登壇してきました。 #SketchTokyo](https://devio2023-media.developers.io/wp-content/uploads/2019/11/sketch-tokyo-2019-hero.png)
Sketch Tokyo 2019で登壇してきました。 #SketchTokyo
![User avatar](/_next/image/?url=https%3A%2F%2Fdevio2023-media.developers.io%2Fwp-content%2Fuploads%2Fdevio_thumbnail%2F2024-06%2Fkuboki-hiroshi.jpeg&w=256&q=75)
![Affinity Designer iPad版をほんのり使ってみた #AffinityDesigner](https://devio2023-media.developers.io/wp-content/uploads/2019/08/DevIO_fumiko_vol2_eyeCatching.png)
Affinity Designer iPad版をほんのり使ってみた #AffinityDesigner
![User avatar](/_next/image/?url=https%3A%2F%2Fdevio2023-media.developers.io%2Fwp-content%2Fuploads%2Fdevio_thumbnail%2F2024-06%2Ffumiko.jpeg&w=256&q=75)
![新しい DAM :マーケティングと開発のための次世代ソリューション #cloudinary](https://devio2023-media.developers.io/wp-content/uploads/2019/05/cloudinary_logo_for_white_bg_1200x630.png)
新しい DAM :マーケティングと開発のための次世代ソリューション #cloudinary
![User avatar](/_next/image/?url=https%3A%2F%2Fdevio2023-media.developers.io%2Fwp-content%2Fuploads%2Fdevio_thumbnail%2F2024-06%2Fito-mai.png&w=256&q=75)
![Sketchプラグインのインストール方法についてまとめてみた](https://devio2023-media.developers.io/wp-content/uploads/2019/06/how-to-install-sketch-plugins-hero.png)
Sketchプラグインのインストール方法についてまとめてみた
![User avatar](/_next/image/?url=https%3A%2F%2Fdevio2023-media.developers.io%2Fwp-content%2Fuploads%2Fdevio_thumbnail%2F2024-06%2Fkuboki-hiroshi.jpeg&w=256&q=75)
![新しくリリースされたSketch Pluginを紹介します(2019.6版)](https://devio2023-media.developers.io/wp-content/uploads/2019/06/sketch-plugins-2019061.png)
新しくリリースされたSketch Pluginを紹介します(2019.6版)
![User avatar](/_next/image/?url=https%3A%2F%2Fdevio2023-media.developers.io%2Fwp-content%2Fuploads%2Fdevio_thumbnail%2F2024-06%2Fkuboki-hiroshi.jpeg&w=256&q=75)
![ブログのアイキャッチ新サイズ (1200×630) をCloudinaryの内容認識クロップで配信する](https://devio2023-media.developers.io/wp-content/uploads/2019/05/cloudinary_logo_for_white_bg_1200x630.png)
ブログのアイキャッチ新サイズ (1200×630) をCloudinaryの内容認識クロップで配信する
![User avatar](/_next/image/?url=https%3A%2F%2Fdevio2023-media.developers.io%2Fwp-content%2Fuploads%2Fdevio_thumbnail%2F2024-06%2Fshigahi.jpeg&w=256&q=75)
![コントラスト比が低いUIは20人に1人以上に影響! 対策をまとめてみた](https://devio2023-media.developers.io/wp-content/uploads/2019/02/design.png)
コントラスト比が低いUIは20人に1人以上に影響! 対策をまとめてみた
![User avatar](/_next/image/?url=https%3A%2F%2Fdevio2023-media.developers.io%2Fwp-content%2Fuploads%2Fdevio_thumbnail%2F2024-06%2Fmochida-toru.jpeg&w=256&q=75)
![[レポート]「Adobe MAX 2018 レポートセミナー@札幌」アドビの新サービス&新機能まとめて紹介!](https://devio2023-media.developers.io/wp-content/uploads/2018/12/78be6b21e608f8f9432009aeb97e67d6.png)
[レポート]「Adobe MAX 2018 レポートセミナー@札幌」アドビの新サービス&新機能まとめて紹介!
![User avatar](/_next/image/?url=https%3A%2F%2Fdevio2023-media.developers.io%2Fwp-content%2Fuploads%2Fdevio_thumbnail%2F2024-06%2Farai-mayu.jpeg&w=256&q=75)
![Bootstrap4によってボタンやフォームに適用されるスタイルを無効化する方法](https://devio2023-media.developers.io/wp-content/uploads/2018/08/bootstrap.png)
Bootstrap4によってボタンやフォームに適用されるスタイルを無効化する方法
![User avatar](/_next/image/?url=https%3A%2F%2Fdevio2023-media.developers.io%2Fwp-content%2Fuploads%2Fdevio_thumbnail%2F2024-06%2Fnishimura-yuji.jpeg&w=256&q=75)
![[sketch] Prottyping機能を試してみました #sketch](https://devio2023-media.developers.io/wp-content/uploads/2018/03/sketch4icon.png)
[sketch] Prottyping機能を試してみました #sketch
![User avatar](/_next/image/?url=https%3A%2F%2Fdevio2023-media.developers.io%2Fwp-content%2Fuploads%2Fdevio_thumbnail%2F2024-06%2Ftanaka-yukiko.png&w=256&q=75)
![動画初心者のデザイナーたちがAfter Effectsを勉強してみた](https://devio2023-media.developers.io/wp-content/uploads/2017/12/After_Effects_logo.png)
動画初心者のデザイナーたちがAfter Effectsを勉強してみた
![User avatar](/_next/image/?url=https%3A%2F%2Fdevio2023-media.developers.io%2Fwp-content%2Fuploads%2Fdevio_thumbnail%2F2024-06%2Fmiyajima-ayano.jpeg&w=256&q=75)
![React Sketch.app でコードからデザインファイルを作ってみる](https://devio2023-media.developers.io/wp-content/uploads/2017/12/eye-catch-react-sketchapp-400x400.png)
React Sketch.app でコードからデザインファイルを作ってみる
![User avatar](/_next/image/?url=https%3A%2F%2Fdevio2023-media.developers.io%2Fwp-content%2Fuploads%2Fdevio_thumbnail%2F2024-06%2Fkiyota-takashi.jpeg&w=256&q=75)