非デザイナーがナメられないための、おすすめデザインツール12選

Sota Mikami
Oct 27, 2017 · 11 min read
Image for post
Image for post

僕は非デザイナーですが、こちらの考えにとっても共感します。
ブログにしても、アプリにしても、イベントにしても、良いコンテンツは世の中にもういっぱい溢れていて。
本気度を示し、他ではなく私たちのコンテンツを選んでもらうために、デザインにこだわるって大事だなって考えています。

おしゃれなものを作らなければいけない、と言うわけではないと思います。
使ってもらいたい・届けたい人たちに寄り添い、作りたい世界観を伝えるためのデザインにすること。
相手視点を持った思考が大事なんじゃないかなって思います。

『わかる!だけど実際難しいんだよ!』

という非デザイナーの方々に向けて、同じく非デザイナーの僕がお気に入り登録して愛用しているツールをシェアします。
有名どころも多いですが、もしご存知ないものもあったら触ってみてください。

素材をさがす

ICOOON MONO

Image for post
Image for post

スライドやチラシに視覚的なインパクトを簡単に与えられるアイコン。
文字数を減らし、全体をシンプルにすることにも貢献してくれます。
ICOOON MONOでは6000以上のフリーアイコンをダウンロードできます。
サイズ、色、ファイル形式は設定可能。

便利なアイコンですが、トンマナの統一のために複数サイトからダウンロードすることはナンセンスかなと考えています。
6000という安心感ある規模で、かつ日本語でも英語でも検索可能な点が良く、とても重宝しています。

O-DAN

Image for post
Image for post
O-DANトップ画面
Image for post
Image for post
“design”の検索結果。左側から検索サイトを横断移動が可能

多分現状、無料の写真素材を探そうと思った時にはこれの右に出るものはないと思っています。
複数の写真サイトから、素材の一括検索が可能。そしてダウンロード素材は全て無料。
もちろんO-DANさんが対応していない無料写真サイトもあるかとは思いますが、それでも横断検索による圧倒的な量が魅力。
質も良いものばかり集めているように感じます。

無料のフリーでも、やっぱり自前で用意した素材でないと不安!..という方以外の全員におすすめしたいサイトです。

ロゴをつくる

Squarespace Logo

Image for post
Image for post
Squarespace Logoトップ画面
Image for post
Image for post
それっぽいものができました

シンプルを極めたロゴ作成サイトです。
フォントやカラーの変更もできます。
ロゴって、あるだけでテンションが上がります。
とりあえず適当なものが欲しいって時に便利です。

LOGOTYPE MAKER

Image for post
Image for post
LOGOTYPE MAKERトップ画面
Image for post
Image for post
mediumのそれっぽいロゴができました

先ほどのSquarespace Logoよりも凝った感じのロゴが簡単に手に入ります。
ただダウンロードするとき、お金を請求されることがあります。されないこともあります。
理由、有料と無料のものの差などは謎です。
無料で作ってもらえるときもある、そうじゃないときもある。そんなサイトです。

テンプレートで楽々制作

canva

Image for post
Image for post

本当に多くのクリエイティブなテンプレートがあるデザインツールです。
魅力はそのテンプレート種類の豊富さ。
TwitterやFacebook、instagramなどのSNS投稿に最適なサイズ、デザインのテンプレートから、ブックカバー、ブログカバー、バナー広告、名刺、ポスター、YouTubeのサムネイル、手紙やハガキ、履歴書に至るまで網羅されています。(まだまだあります)
しかもそれだけ豊富でも、使い方が迷わないようきちんとUX設計されているという優れもの。
時々、重いなーと感じることがありますが、サイトにアニメーションが豊富なためそれを感じさせないようにも配慮されています。

ささっと手堅いデザインを作るのに良い。

Image for post
Image for post
このブログ記事トップの画像はCanvaで作りました。写真はO-DANから

Pictochart

Image for post
Image for post

Pictochartは特にインフォグラフィック作成に強力なツールです。
データや情報を視覚的に楽しく伝えられるのがインフォグラフィック(多分)。
情報収集、データ分析、編集、ビジュアル化と工数もかかり難しいイメージのあるインフォグラフィックですが、これを使えばそれっぽいものができます。
(ただ少し学習コストは必要な気がします)

Image for post
Image for post

テンプレート無視で、練習として作ってみたもの。
はい、まだまだ使いこなせていません。

Image for post
Image for post

テンプレートにはこんな感じのものがあるので、上手に使えれば綺麗なものが作れると思います。

Hislide

Image for post
Image for post
Hislideトップ画面
Image for post
Image for post

PowerPointも、keynoteも、Google Slideも、様々なテンプレートが有料/無料で用意されています。

例えばこんな感じ。

Image for post
Image for post

クリエイティブなものばかりで、本当に勉強になります。
お金払っても良いと思えるテンプレートも数多いです。

Slidebean

Image for post
Image for post

https://app.slidebean.com/

これは無料ではありませんがそれでも紹介したい一押しのサービスです。
スタートアップのピッチ、事業計画、マーケティング施策の報告書、営業資料などの形式のフォーマットが用意されています。
これの魅力は、一部実際にどこかの企業が使っていた資料をフォーマット化させているということ!
上の写真ではairbnbやUber、YouTubeやスナチャの文字に目が行きますが、実際に使われていた資料をみながら自分の資料作りに活かすことができるのです!
以前は月額29ドルのプランしかなかったのですが今は7ドル、15ドルのプランも用意されています。

色を考える

NIPPON COLORS

Image for post
Image for post

http://nipponcolors.com/

日本的な色が網羅されているサイト。
その色をクリックすると、背景色も変わっていくアニメーションが楽しく、たくさんクリックしてみたくなります。

Image for post
Image for post

Adobe Color CC

Image for post
Image for post

Adobe社のサービスです。
会員登録、ログインなしでも使えるようです。
いろんな良い感じの色の組み合わせを教えてくれます。
いじくりまくるのが楽しい。
ぜひ実際に触ってみてその楽しさを体感してください。

Web Color Data

Image for post
Image for post

実際に世の中にあるサイトの配色とその割合を分析してくれるサイトです。
ただ、結構な確率で”なんかそれちがーう!”があります。

例えばMedium。

Image for post
Image for post

…。

ただでも、やはり楽しいサイトです。

資料制作におけるデザインの基礎を学ぶ

見やすいプレゼン資料の作り方 — リニューアル増量版

”プレゼン資料の作り方”ではありますが、資料制作というくくりであればそのデザインの基礎をわかりやすく理解できるのがこれだと思います。
超参考になるので見たことない方はぜひ。

”非デザイナーがナメられないため”ということで厳選したデザインツールを12種類、紹介させていただきました。

もちろん、デザインが良ければそれでOKではなく、コンテンツをはじめとしたその他要素との融合があってでしょう。
デザイナーさんがいればぜひその方と一緒に作るのが良いと思います。
これらはただのツールでしかなく、テンプレートもそのまま使うだけだと本来創りたい世界観を完全に反映させられるとは思えません。
ツールありきの作品になってしまっては勿体無い。

とはいえ、やはりデザインは奥が深く専門性のある方がいないと難しい。
デザインがおろそかになり、せっかく良いコンテンツを作っても届かないというのも寂しい話です。

ある程度の質のデザインを助けてくれるツールとして、全力でおすすめしたいサービスを紹介しました!

ナメられないため、ぜひ使ってみてください。
また、他にも「こんな良いツールあるよー」というのがあったら教えてください(`・∀・´)

ASENAVI BLOG

「”ASEANで働く”を近くする」を理念に、東南アジアで働く人のインタビュー記事を中心に発信しているウェブメディア。中の…

Sota Mikami

Written by

24yrs | Service designer based in Tokyo | Love Vietnam, Coffee, and Shisha. | https://smikami.com/

ASENAVI BLOG

「”ASEANで働く”を近くする」を理念に、東南アジアで働く人のインタビュー記事を中心に発信しているウェブメディア。中の人たちの考えや人となりを発信していきます。http://asenavi.com/

Sota Mikami

Written by

24yrs | Service designer based in Tokyo | Love Vietnam, Coffee, and Shisha. | https://smikami.com/

ASENAVI BLOG

「”ASEANで働く”を近くする」を理念に、東南アジアで働く人のインタビュー記事を中心に発信しているウェブメディア。中の人たちの考えや人となりを発信していきます。http://asenavi.com/

Medium is an open platform where 170 million readers come to find insightful and dynamic thinking. Here, expert and undiscovered voices alike dive into the heart of any topic and bring new ideas to the surface. Learn more

Follow the writers, publications, and topics that matter to you, and you’ll see them on your homepage and in your inbox. Explore

If you have a story to tell, knowledge to share, or a perspective to offer — welcome home. It’s easy and free to post your thinking on any topic. Write on Medium

Get the Medium app

A button that says 'Download on the App Store', and if clicked it will lead you to the iOS App store
A button that says 'Get it on, Google Play', and if clicked it will lead you to the Google Play store