誰も教えてくれない「分かりやすく美しい図の作り方」超具体的な20のテクニック
【追記】この記事をきっかけに、名著「ノンデザイナーズ・デザインブック」の20周年記念特典eBookの制作に協力させていただきました。詳しくはこちらを御覧ください。 ノンデザイナーズ・デザインブック20周年記念の特典に寄稿しました デザイナーである・なしに関わらず、仕事の中で伝えたいことを「図」で説明する機会は多々あります。提案書で事業内容を説明することもあるでしょうし、具体的な数値をグラフで説明することもあるでしょう。そんな中でこんな指摘を受けたことはありませんか？ ・最終的に何を言いたいのか結論が見えないよ。 ・関係性が複雑すぎて理解しずらいんだけど。 ・要素が多すぎて全てを把握するのが大変。 ・何をどこから見れば良いの？ ・結局一番言いたいことはなんなの？ ・文字サイズがたくさんありすぎてまとまりがないね。 ・安っぽいチラシみたいでダサイなぁ。 ・全体的にバランスが偏ってて不安定。 ・
Private Presentation
Private content!This content has been marked as private by the uploader.
【制作過程あり！】「NASU」の前田高志さんがデザインしてくれた株式会社ファンファーレのロゴが良すぎるから頼むから見てほしい
どうも！JUNICHIです。 もう気づいていただいているかもしれませんが、うちの会社『株式会社ファンファーレ』の会社ロゴが正式にできました！！ ウォッホホィィイィィィィィ！！ィヤッホィィィィィ！ 個人的にめっちゃ気に入っています。色々僕の会社らしいというか、僕の思いとかイメージを全部組み込んでくれた、最高なロゴになっています。 このロゴは、現在フリーで活動をされているアートディレクターの前田高志さんに作っていただきました。 今回は素晴らしいデザイナーの前田さんにうちの会社のロゴを作ってもらうその過程も含めてご紹介したいと思います。 任天堂と言えばマリオですよね。そんなマリオ30周年のロゴを作ったのも前田高志さんです。 ⇒マリオ30周年のロゴを見に行ってみる 前田さんとの出会い 前田さんとは、土屋周太郎君という株式会社たろろぐの社長を通じて知り合いました。 そして、初めて前田さんとお会いした
Web制作者がチェックしておきたい！デザイン要素の定義や見せ方が勉強になる最近のスタイルガイドのまとめ
Webサイトを制作している時、そして納品する時、サイトのデザインで定義されているカラー・タイポグラフィ・エレメントなどのスタイルを一覧できるようにまとめたスタイルガイドを紹介します。 Photoshop, Illustrator, Sketchなどのアプリを使ったり、オンラインツールを使ったものなどいろいろあり、中身だけでなくその見せ方の参考にもなると思います。
デザイナーが書くコードについて思うこと（1） | ツクロア - DESIGN LAB
あらためてなるほどな、と思えるいい記事でした。 【これからのスキル】デザイナーとエンジニアの境界線がどんどん無くなる | freshtrax | btrax スタッフブログ 自分にも重なる部分があると思って経験と雑感込みで書いてみた、毎週水曜更新のデザインラボbyツクロア、今週私のターンではデザイナーがコードを書く意味についてです。 一枚絵では通用しないアプリデザイン 某携帯電話メーカーからAndroidアプリデザインの依頼があったときの話です。 電話着信画面や起動直後の待受ロック解除のデザインを含め、使い心地や操作感から画面構成まで一緒に考えてもらえるデザイナーを探しているということでした。 担当者いわく「静止画だけではアプリデザインの良し悪しが決められないんですよ」という話から始まり、では「実際うごくデザインモックを作りながら一緒に考えましょう」という作業の流れを提案して検証からリリー
インタラクションの待ち時間
ユーザの期待と利用状況とをきちんと把握すれば、インタラクティブシステムの応答時間を適切にデザインし最適化することは不可能ではないだろう。UXDは、こうした時間制御のデザインをも含んでいるのだ。 黒須教授 2015年9月2日 不応期と応答期 神経には不応期というものがある。これは、神経細胞が興奮して活動電位が発生した場合、その後、短い時間、続けて刺激を与えても神経細胞が反応しなくなる時間のことである。その機能的な意味としては、神経細胞が興奮した情報を一定の方向にだけ伝達し、逆方向には伝えないようにブロックするためのものと考えられている。 さて今回は、不応期の逆で、対話型システムが応答するまで待っている時間、それを応答期と呼んでもいいかもしれないが、そのことについて考えたい。 人間の場合の応答期と待ち時間 人間という高度な生体システムも対話型システムのひとつである。ちょっと道を聞こうと信号待ち
配色完全ガイド！カテゴリー別見本100個とカラーパレットの使い方まとめ
海外デザインブログCanva Design School Blogで公開された「100 Brilliant Color Combinatinos: And How to Apply Them to Your Designs」の著者より許可をもらい、日本語抄訳しています。 色の組み合わせによって、デザインはより面白くなります。注目をあつめたり、ムードをつくったりできるだけでなく、私たちの行動や感情にまで影響します。 しかしいざ配色を決めようとすると、どこからはじめたらよい分かりにくいものです。今回は、「自然（英; Nature）」、「フード（英: Food & Drink）」、「旅行（英: Travel）」、「ライフスタイル（英: everyday）」4つにカテゴリー分けされた写真を参考に、配色決めでつかえる100種類のカラーパレット組み合わせをご紹介します。 なお、HEXコード（#00c1
情報を見やすく分かりやすく整理して表現するためのフロー（自己流） | 簡デザ −かんたんデザインブログ−
最近受けた仕事で、イベントのチラシのデザイン制作があったのですが、載せる文章などの情報量が多く、整理するのに苦戦しました…。 なんとか形にして第1稿をあげたものの、ごちゃごちゃして分かりづらい紙面となり、ほぼやり直し…。 チラシ制作とか何度もやってるはずなのですが、情報を整理して分かりやすくまとめるのってホント大変だな…と改めて感じ、見返す機会になったので、情報を分かりやすく整理する方法、視覚的に分かりやすくするポイントなど、基本的なことで思い当たったものをまとめて、実際の情報整理の流れを書いてみました。 分かってるつもりでも、なかなか実践できてなくて困ってしまうま。 個人の経験と考え方でまとめたものなので、何か間違っていたらすみません…。 まずは情報を分類する まず、伝えたいことをそれぞれパートに分けます。 今回はイベントのチラシを想定します。こんな感じでしょうか。 ・タイトル（大見出し
[Webデザイン] 文字組みについて本気出して考えてみた | Stocker.jp / diary
これはもう何年も前から気になってることなのですが。 何故、昔からずっと見出し画像などの文字組みや文字詰めの甘いWebサイトが多いのでしょうか。 私はデザインについて偉そうに言える立場でないのは分かっていますが、折角全体的なデザインや背景、写真、Flashなどの動きはとても美しく、文章構成のしっかりしたサイトなのに、ただ一点文字詰めだけが甘いというサイトがあまりにも多くて、そういうサイトが減る様子もないのがずっと気になっています。 私は以前、ファッション雑誌やビジネス誌の組版（MacのInDesignやQuarkXPressを使って印刷用のデータを作る仕事。DTPとも言う）の仕事をしていて、見出しは言うまでもなく、本文の文字詰めが少し甘いだけでもものすごく怒られたものですが、Webデザインの世界ではそういうのはあまり怒られることがないのでしょうか。 私は、見出しやタイトル画像における文字組み
![[Webデザイン] 文字組みについて本気出して考えてみた | Stocker.jp / diary](https://cdn-ak-scissors.b.st-hatena.com/image/square/e6e22153e1233d79c8da8733fc112f935fe5ee4a/height=288;version=1;width=512/https%3A%2F%2Fi0.wp.com%2Fstocker.jp%2Fdiary%2Fwp-content%2Fuploads%2Ftypographic-1-1.png%3Ffit%3D500%252C250%26ssl%3D1)
文章の作り方 - 伝わるデザイン 研究発表のユニバーサルデザイン
研究者や研究に関わる大学生や大学院生は、一年を通じて研究室ゼミや学会などで研究成果の発表を行なわなければなりません。また、近年、科学者でない人たちに対する一般向けのプレゼンや講演（アウトリーチ活動）の機会も増えてきています。他にも、研究論文や報告書を書いたり、研究費調達のために予算申請書やプロジェクトの提案書を作成したりすることも、研究者にとって欠かせない仕事です。これらはいずれも情報を他者（研究仲間や審査員、一般市民）へ伝えようとする行為であり、正確かつ効果的な情報の発信が望まれます。しかし、自己流で資料を作成して、闇雲に情報を発信していても、スムーズに情報は伝わりません。ときには誤った情報が伝わってしまい、研究の価値を正当に評価してもらえないことさえ起こりえるのです。 情報を正確にかつスムーズに他者に伝えるためには、情報をデザインすること、つまり文章を読みやすく整えたり、図表を見やすく
重要視されるためのデザイナーの条件 : could
内輪受けは止めにしようではないか LSD LAB で公開されている UIデザイナー不要説は、テクノロジーと付き合うデザイナーであれば一読しておきたい記事のひとつです。私が記事を読んで感じた課題は、 UI デザインが重要視されているかどうかということではなく、果たしてデザイナーは デザインを営業できているかどうかというところです。 たとえビジネスゴールが共有されていたとしても、デザイナーが考える UI デザインの価値と、それ以外の方が考える UI デザインの価値が異なることがあります。特にデザイナーが考える価値は、内輪受けになりやすいことが多々あるように思えます。デザイナーが「すごく良いよね」「イケてるね」というものは、ほとんどの場合デザイナー以外には理解されません。内輪で分かりやすい言葉や感覚で語りかけても、聞き手は「？」（価値を感じない）になってしまいます。 今でもデザイナーのなかでは「
ど素人でもプロ並みのチラシが作れてしまう…「Picky-Pics」がデザイナー殺しな件｜まだ仮想通貨持ってないの？
これはいいサービス！助かりますねー。 Picky-Pics（ピッキーピックス） チラシを簡単に作れてしまう 「Picky-Pics（ピッキーピックス）」はチラシや名刺をウェブ上でサクサク作れるウェブサービス。これさえあれば、Photoshopは要りません。デザインセンスも要りません。すばらしい！ 使い方は簡単。作りたい資料を選択して、デザインを選びます。 すると編集画面に移動します。あとは文字や背景を加工していくだけ。 素材は5万点近く用意されているそうです。 直感的に素材を追加できます。 各素材はドラッグすると移動します。簡単！ 編集画面の使い勝手もすばらしく、ピクセル数を合わせやすいガイド機能が実装されています。 フォントも豊富！これは嬉しいですねー。 出力は3パターン。ウェブページにもできるというのは嬉しいですね。 有料素材を使っている場合は、出力にあたって費用が発生します。この値段
ヴィジュアル要素の表現方法
ヴィジュアル要素をつくるときに使えるような、表現方法をまとめてみました。 メインビジュアルなどをつくるとき、うまく思いつかず困ってるんだよねーって方の参考になるかな、と思います。 ヴィジュアルの表現方法としては、大きく分けて以下の2種類があります。 ■直接的な表現 人・物・動物・タイポグラフィなどそのものを主役に置いた表現。 ■間接的な表現 抽象的なメッセージを主役に置いた表現。「たとえ」や「見立て」の技法を使う。 今回は、間接的な表現の中でどんなものがあるか、修辞技法をもとにまとめてみました。 言葉だけ聞くと難しく感じるのですが、普段私たちが話し言葉でも良く使っているものですので、理解しやすいと思います。 比喩 直喩法 直喩（明喩、シミリー）とは「（まるで・あたかも）～のようだ（ごとし、みたいだ）」のように、比喩であることを読者に対し明示している比喩である。 「修辞技法」（2011年12
ノンデザイナーこそ押さえておきたい！グッとくるWebサイト配色パターン集 | Find Job ! Startup
FINDJOB! 終了のお知らせ 2023年9月29日にFINDJOB!を終了いたしました。 これまでFINDJOB!をご利用いただいた企業様、求職者様、様々なご関係者様。 大変長らくFINDJOB!をご愛顧いただき、誠にありがとうございました。 IT/Web系の仕事や求人がまだ広く普及していない頃にFind Job!をリリースしてから 約26年間、多くの方々に支えていただき、運営を続けてまいりました。 転職成功のお声、採用成功のお声など、嬉しい言葉もたくさんいただきました。 またFINDJOB!経由で入社された方が人事担当になり、 FINDJOB!を通じて、新たな人材に出会うことができたなど、 たくさんのご縁をつくることができたのではないかと思っております。 2023年9月29日をもって、FINDJOB!はその歴史の幕を下ろすこととなりましたが、 今後も、IT/Web業界やクリエイティブ
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
京葡萄官网·（中国）登录入口