説明書や難しそうな内容の文章を簡単そうに見せられるデザインのポイント→わかりやすそう!むしろ読みにくい…など様々な感想

ノートまとめるときにも使えそう。
610
じょん・えーかー @john_acre

afterしぬほど見づらい(;・ω・) beforeが3、4秒位で読めるのに対し、afterは8秒位かかったところで途中で「読むのやめよう」ってなる……。 ワイだけ(;´・ω・)??? twitter.com/syo_design/sta…

2019-07-17 11:42:58
ホリウチ ショウゴ @syo_design

説明書など、内容が難しそうな物を デザインする時に簡単そうに見せられるポイント ・フォントは丸ゴシック ・図形は角丸にして親しみ感 ・アイコンを入れる ・文字間は広めにとる ・暖色を使ってみる ・強調箇所は太めのマーカー これだけで、簡単そうに見えて 難しさのハードルが下がるマジック。 pic.twitter.com/DtMNlY2WbU

2019-07-16 20:46:25
かさい @keiji_kasai

右側とっても解りやすいし好きなデザイン 自分も知らない人に向けて作るなら右にすると思う けど個人的には左のほうが読みやすいなと感じて、何故だろうと考えたら左は黒板を清書した学生時代のノートに近いなと デザインのふしぎ、おもしろい twitter.com/syo_design/sta…

2019-07-16 22:09:22
A.K.V 👋Hi, George Lucas, pls eat 🍔 with me. @Akkanvader

会社の資料これで作る派なんだけど たまに、めっちゃ怒られるw おじさんは 左の方を好むらしい 怒られる理由は簡単そうに見えるから twitter.com/syo_design/sta…

2019-07-17 12:23:47
イシガミアキラ@不定期に漫画アップ中/少女アディクション完結 @ishigamiakira_k

すごい分かるんだけど でもこれに「真面目な文章だから字体変えて」「文字間詰めて追加文足して」「でも見易さは生かして」とかいうもはやハッピーセットを全速力で5次元レベルの訂正をしてくるクライアントさんもいるんだと小一時間 twitter.com/syo_design/sta…

2019-07-17 10:33:51
しし🔴べんてん(1歳) @msx44

丸ゴにも色々あるのだけど、AFTERは逆にむしろよりカタい印象になったような気がした。 POP体にしろとは言わないけど、もう少し太らせたほうが良さそう。 どちらにしても感想をもっと聞いて判断したい。 twitter.com/syo_design/sta…

2019-07-17 12:14:03
killist @JesusKillist

うおおー、みんなそういうんだが《丸ゴシック》というフォントはなー。 印刷業界にいた時、『客はみんなこれ言うんだけど、なんやねん!』ってなってた。 今はそういうのモリサワとか命名しだしてるけどなー。 twitter.com/syo_design/sta…

2019-07-17 12:35:38

ちなみに逆にしてみると?

よんてんごP @yontengoP

どれどれ、と思って 逆に「内容が簡単でもデザインが難しそうなら難しそうに見えるのか?」という実験twitter.com/syo_design/sta… pic.twitter.com/NCRswuWLi6

2019-07-17 09:31:59
拡大
よんてんごP @yontengoP

そしてもはやデザイン次第では もはや内容なんか関係なくなってしまうのだった pic.twitter.com/aCbSQgJus6

2019-07-17 09:53:37
拡大
よんてんごP @yontengoP

この後は 「あの番組のテロップで組むと、どんな掲示物でも あの笑い声が脳内再生されてしまう説」 の検証です。

2019-07-17 10:17:38

フォントって大事

ぐろ/マーケッター𝕏デジタル&PR @ishigurooo

提案書を人にお願いしたり、まさかの外注なんてしている人に読んでもらいたいtips。こういうノウハウの積み重ねでできるようになるんです。 twitter.com/syo_design/sta…

2019-07-17 11:34:13
𝙲𝚛𝚊𝚌𝚔𝙲𝚑𝚛𝚘𝚖𝚎 @CrackChrome

タイポグラフィ大事なんだよ。 そこまで気が回ってるウース異本ってのは基本的に目につきやすい。 評論系では死活問題クラスに重要なんだけど、中々広まらない。 説明しても理解出来ないのも居たけど(笑) twitter.com/syo_design/sta…

2019-07-17 11:46:26
ケイ 📖 雑学 @mikaitabi

「沈黙のWebライティング」でも読んでもらうための3ポイントとして、こんなのも書いてたな。 ①感情表現で、自分事化による”共感”を誘発 ②伝えたいことがきちんと伝わるよう、見やすさや分かりやすさにこだわる ③ファーストビュー(冒頭文)で、伝えたいことをまとめる amazon.co.jp/dp/4844366238/… twitter.com/syo_design/sta…

2019-07-17 13:47:29
🍊トームストーン屋さんのひとりごと🍊 @orange__latte

ゴチャゴチャしたのをすっきりメソッドはなんとなく実行してるけど、これも追加したら、「やさしくすっきり」よりそってる感がでるかな …(._.)φ.....(ありがとうございます) twitter.com/syo_design/sta…

2019-07-17 13:47:32
ぶんぶん @knsnshn

読んでみたら意外と大したことない。 っていうのって結果論であって、最初からハードル高くして挫折フラグを乱立させないで欲しいよなぁ。内容が小難しいのは理解できるけど、見せ方まで難しくしないで欲しいもの。 twitter.com/syo_design/sta…

2019-07-17 12:17:19
ことふり🇺🇸 @cotofuri

こういう思いやり、ありがたい♡ 読むことへのハードル高いと、いくらいい説明でも読んでもらえない…。教科書とか参考書もしかり。 twitter.com/syo_design/sta…

2019-07-17 02:05:02

その他

fkshomだふ @fkshom

なるほど確かに。次は、これをどうやってMSwordで表現するかだな。。。 twitter.com/syo_design/sta…

2019-07-17 10:34:09
かなた@インスタにもいます @madkanatan

最近広告でめちゃめちゃ出てくる「話題の化粧水でこんなに肌がキレイに!今なら2本で○○円!」みたいなサイト、こぞって全部AFTERみたいなレイアウトのページなのはそういうことなのか…?>RT

2019-07-17 15:10:53
まいのこ(石化中) @CreamyMainoko

こういうの「しゃべり方」に変換しても同じ気がする(っ´∀`c) ◆素っ気なく、抑揚なしで、ただ早口でバーっと言い切るだけ ◆余裕をもって、ゆっくりと強調するところはボディランゲージなども踏まえ強弱をつける twitter.com/syo_design/sta…

2019-07-17 10:03:24