繰り返しますが、センスは必要ありません！ デザインのコツをひとつずつ確認しながら、ご自身の資料をレベルアップさせていきましょう。ちょっとした工夫でグッとよくなるはずです。 1. 位置・大きさ・形などを揃えるまずは要素の位置・大きさ・形などを「揃える」ことを意識します。 文字を揃える最初は文字の揃え方から見ていきましょう。 箇条書きや文章が長いスライドは「左揃え」が読みやすく、情報がきちんと整理されているように見えます。文字の先頭が揃っていると、見た目もキレイです。 また、強調したいメッセージのスライドでは「中央揃え」にするとインパクトが出せます。ただし文字の量が多いと読みにくくなってしまうため、本当に伝えたいことだけを書くようにしましょう。 さらに中央揃えのスライドは「メリハリ」をつけることで、よりインパクトが出ます。 どうでしょう？ほかのスライドと背景色を変えたり、文字のサイズに差をつけ

ドキュメントでは、「モノや人の関係を明確に表わす」「複雑な流れをわかりやすく説明する」といった場面がたくさん出てきます。概念図は、言葉だけでピンとこない複雑な関係も、わかりやすく伝えることができます。 本セッションでは、テクニカルライター向けに概念図を描くテクニックをご紹介します。

選択したカラー・テーマに基づいて、デザインやイラストに最適な色を組み合わたカラーパレットを生成する無料のオンラインツールを紹介します。 操作は快適👍で、超高速🔥！ 気になったカラーパレットはすぐに無料でダウンロードでき、さまざまなプロジェクトで使用できます。

はじめに Twitter、Qiita、Zenn...といろんなところから情報収集するのはいいのですが、それぞれの有益な情報をそれぞれのサイトにお気に入りとして保存しているので、必要な情報を探すだけで一苦労です。 ここで一覧にしてまとめておくことにしました。 ただし、特定の言語に依存するような記事はあえて排除しています。 皆さんにとっても有益な情報があると、この記事を公開して良かったなと思います。 また、皆さんのオススメの記事がありましたら、コメントなどで教えてください。 コミュニケーション 質問 質問は恥ではないし役に立つ https://qiita.com/seki_uk/items/4001423b3cd3db0dada7 新卒からの質問をソシャゲっぽい仕組みにしたら捗った話 https://qiita.com/ysktsuna/items/fced3a9515c8f585ca50 会

突然ですが、ここに一つのプロダクトがあるとします。 そのプロダクトを見つめる視線には様々な種類があります。 そのプロダクトを利用しているユーザーの視点、利用していないが存在は知っているという人の視点、それをつくるデザイナーの視点、プロダクトを運営している会社経営者の視点… もしあなたがデザイナーであれば、デザイナーの視点だけが唯一自分で体感できる「主観」で、それ以外はすべて「客観」となります。 主観と客観のスイッチング プロダクトデザイナーはユーザーの期待通りに正しく動くしくみを設計し、「このプロダクトを利用した時に、ユーザーの生活はどう変化していくのだろうか？」と問いを立てながらアウトプットを評価していきます。 自らの考える理想像をデザインしながら、一方でそれに触れるユーザーの様子を想像する…プロダクトデザイナーは主観と客観を電気のスイッチのように瞬時に切り替えることに長けた人が多いイメ

より多くの人にとって、使いやすいカタチを目指すユニバーサルデザイン。その考え方は文字の世界にも広まっており、国内のフォントメーカー各社は「ユニバーサルデザインフォント（UDフォント）」を手掛けています。 書体を変えても、言葉の意味は同じ。ですが、“見え方”が変わると、言葉の在り方はどれくらい変わるものなのでしょうのか。大手フォントメーカー・モリサワに取材し、日本初のユニバーサルデザインの教科書体「UDデジタル教科書体」の開発者・高田氏、営業・盛田氏、瀬良氏に話を伺いました。 そもそもUDフォントとは？ ――　そもそもUDフォントとはどんなものですか？ 高田氏：人間の感覚は聴覚、触覚、嗅覚……などに分けられますが、情報の認知には視覚、特に文字情報の認知が大きな役割を果たしています。ですが、さまざまな事情から、読むことに困難さを抱えている人もいます。 UDフォントは「より多くの人に見やすく、読

１月10日から、フジテレビ木10枠で『スキャンダル専門弁護士　QUEEN』がスタートする。竹内結子さんの6年ぶりの地上波連ドラ主演、情報を操作し影で社会を動かす“スピンドクター”を日本で初めて題材にしたエンタメ作品であるなど、話題性たっぷりの本作。そこでメガホンを取るのが気鋭の映像作家・関和亮氏だ。 関氏は、OK Goの『I WON'T LET YOU DOWN』や星野源、サカナクションなどのミュージックビデオ、CMなどの映像から、グラフィック、アートワークと幅広い活動で知られる。次々新しい分野に挑戦する関氏のアイデアの生み出し方とは。また、激変の動画時代の捉え方とは。 ──関さんが手がける作品は、いい意味で「おや」と感じさせる、インパクトのあるものばかりです。たとえば、アメリカのロックバンドOK Goの『I WON'T LET YOU DOWN』のミュージックビデオ（以下、MV）は、「傘

こんにちは、NewsPicksのデザイナーのよっしーです。 NewsPicks Adventカレンダー16日目を担当させていただくことになりました。とても緊張します...。 9月に入社し現在NewsPicksのアプリの機能改善やブランドの共通言語になるデザインシステム構築、広告バナーやイベント周りのデザイン、採用にも関わらせていただいています。つい一昨日にありがたいことに開発チームの新人賞をいただきました。 そんな私は2年前、デザインを全く知らない人間でした。4年間非デザイン職について、いまでは会員数300万人・有料会員数8万人のNewsPicksのプロダクトデザイナーとしてやらせていただいています。独学でwebやUIデザインを学んできた私にとって、本は師匠です。そこで今回「デザインの基礎」「美大卒アートディレクターから学ぶブランドデザインの思考」「ユーザー体験設計」の3つ分けてその一部を

一生懸命作った資料を「見づらい」と言われた経験はありませんか？ 内容をしっかり考えて、デザインも凝ったのに、資料に対して否定的な言葉をかけられるとショックですよね…… 資料の見やすさによって、相手の理解度や受け取る印象も大きく変わってしまうからこそ、資料をいかに見やすくデザインするかは、ビジネスマンにとって大きな課題の一つと言えるのではないでしょうか。 今回は、「デザインの本質はコミュニケーション」をモットーに多くのクリエイティブを生み出してきたグラフィックデザイナーのカイシトモヤさんに「相手に伝わる、見やすい資料の作り方」をお伺いしました。

『MarkeZine』が主催するマーケティング・イベント『MarkeZine Day』『MarkeZine Academy』『MarkeZine プレミアムセミナー』の 最新情報をはじめ、様々なイベント情報をまとめてご紹介します。 MarkeZine Day

LP・ランディングページ制作で参考になるLP・ランディングページのギャラリー・リンク集です。最新トレンドのLP・ランディングページを掲載しています。

画像や文字などを配置する時、背景をどのようにするかでデザインは劇的に変わります。 Webや紙のデザインに効果があり、すぐに使える背景のすごいデザインテクニックを紹介します。 Ultimate Guide to Designing With Backgrounds 以下、各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様に許可を得て翻訳しています。 背景のデザインとは ベタ一色の背景 高いコントラストのベタ一色の背景 テクスチャの背景 グラデーションの背景 写真をつかった背景 形をつかった背景 透明の背景 ブラーを適用した背景 カラーをオーバーレイさせた背景 文字のスペースがある背景 パターンの背景 イラストの背景 空白スペースをつかった背景 グリッドをつかった背景 背景のデザインとは 背景はグラフィックデザインを築く基礎となるものです。 テクスチャとカラーはデザインに奥行

まちを歩くと、なにかとめにつく「HG創英角ポップ体」。ポスターや看板などあらゆる場所でみかける。 たまに、シリアスな注意書きの看板に、にぎやかでたのしげな雰囲気のポップ体がつかわれたりして、おもしろ写真としてネットで話題になったりする。 そんな「HG創英角ポップ体」をつくったひとはどんなひとなんだろう？

【2015｜2014｜2013｜2012｜2011｜2010｜2009】 「年に一度はがんばるぞい」の精神で良いコミックがお送りするいつもの企画、 『この装丁がすごい！～漫画装丁大賞～2015』の発表です。 辺境ブログのお遊びで「すごい！」「大賞」等と大げさなタイトルを付けていますが、 中身はもちろんゆるいマンガ紹介ですよ…という具合にいつもはここのスペースに 予防線を張ることで前書きにボリューム感を出してるのですが、最近自著を 出しているのでここを宣伝スペースとして活用したいと思います。 管理人の好きな作品をエレガントな書影とさらっとしたコメントで紹介していく、 ニアリーイコール・良いコミックな漫画デザイン本、あるいは漫画装丁グラビア本。 『良いコミックデザイン』 [出版社: パイインターナショナル] 3132円(税込) うまい棒換算284本分のお値段で絶賛発売中です⇒⇒⇒ それでは紹介

らりょす 津山高専 本科3年。ウェブフロントエンドエンジニアになりたいと思いつつ、ウェブシステムの開発などをしています。Proconist.net のデザインを担当。

対話するように読めるコミュニケーション・デザインの教科書。自分の経験と著者の知見が響きあい、参考文献が芋づるで出てくるのが嬉しい。 著者の目線が素晴らしい。わたしは今まで、機能や美的造形を考慮したプロダクツやその設計を「デザイン」と考えていた。しかし彼は、「意思を持って何かをつくる行為」をデザインと再定義する。すると、デザインされた「モノ」や「コト」だけではなく、その前後にいる「人」にフォーカスが当たるようになる。デザインの話というと、「モノ」や「コト」に目が行きがちだが、デザインが人により生み出され、人により享受される以上、人を取り巻く状況や文脈込みで見ろというのだ。 たとえば、地図と交通について。古典的なTO図やプトレマイオス図、そして大航海時代の地球儀を横断的に参照しながら、地図とは「世界はこのようになっていると定義したもの」という観点を引き出す。つまり、地図とは現実にそう見えている