# KT#008-yoji デザインツールのすゝめ ###### tags: `design` ## いつもkt聞いてておもうこと 俺が研究室こもってる間にみんなが強くなりすぎてて技術的な話 できん ## デザインツールのすゝめ ちょっとしたタイミングでちょっとしたデザインをしたくなるときって あると思います * ロゴ作成 * 個人制作アプリ * ウェブサイトのバナー * フライヤー作成 * いわゆるチラシ * 配信画面のオーバーレイ作成 * YouTuberになってゲーム生配信するときとか こういう素材、自分で作れなくはないけどなんか素人感が抜けん... かといって依頼するにはちょっとお金かかるし... ### 今日話すこと 「ある程度様になる」素材が「極力事前知識を必要とせず」いい感じに作れるサイトやツールを紹介 各サイトリンクを貼っておくので興味があれば触ってみながらでも可 ## ロゴ作成 結構必要になるタイミングはあるものの、実際1から作ろうとしたら結構骨が折れる (めっちゃ平面になったり 色合いがダサくなる) [ロゴの作り方のコツ](https://hitori-koho.com/logo-work) -> むずい ### 自動で作ってもらえれば良いんじゃね? [Free Logo Generator Online](https://hatchful.shopify.com/) * 項目を選んでいくだけでそれっぽいロゴが自動で作成される * 個人利用無料 [Wix Logo Maker](https://ja.wix.com/logo/maker) * Free Logo Generator Online と同じようなやつ [Cooltext](https://ja.cooltext.com) * テキストだけのロゴには最適 バリエーションが豊富 * 完全無料 [LogoFactory](https://www.logofactoryweb.com/default_lg.asp?lg=ja) * 他のサイトに比べて自由度は高い * アドレス登録等不要 * 翻訳が怪しい もっと知りたい人はまとめてくれてるところもあります [無料で使える!簡単にロゴを作成できるおすすめサイト8選](https://liskul.com/logomaker-29137) ## フライヤー作成 / オーバーレイ [Adobe Illustrator](https://www.adobe.com/jp/products/illustrator/free-trial-download.html) * やっぱり強いんよ * 機能多すぎてむずい * 月額 クソ [Figma](https://www.figma.com/) * プロトタイプのデザイニングに強い * アプリの画面遷移の全体のデザインとか * デザインツールとしても優秀: イラレの代わりに使ってるウェブデザイナーも * ベクターデザイン可能 * スタンダードプランはフリー * オンラインでの共同編集が可能 [Canva](https://www.canva.com) * どちらかといえばフォトショップっぽい * テンプレートがマジで豊富  * スタンダードプランはフリー ## ウェブサイト作成 多分ここにいる人はだいたいhtml/css書けると思うからいらない気はするけど 専門知識なくても簡単にウェブサイトが作れるサイト [無料ホームページ制作・作成なら作り方かんたんなペライチ](https://peraichi.com) ## ちょっと参考になりそうなサイト [Canvaの何がすごいか、素人目線で語らせてくれ。](https://note.com/kuroneko22/n/nfd5d70cd763a) [UI/UXデザインツール『Figma』入門](https://chot.design/figma-beginner/ee5072822846/) ## 近況 研究室行ってねえ