デザインを独学するなかで お世話になった 骨太な教本・技術本｜kazuma nishiwaki
専門教育やだれかに師事することなく、独学でやってきたなかで参考になった教本、後輩に読んでもらいたい、読んでもらって好評だった本をまとめました。 専門胸臆を受けていない、美大出ではないというのがキャリアのはじめではコンプレックスでもありました（今はほとんどないですが） 独学で進めていくと、どこかでツケを払うときが来ます笑 そんなときにお世話になった本たちです。 ノンデザイナーズ・デザインブック [第4版] 『この本がデザイン学校の4年間の代わりになる、と言うつもりはありません。また、この小さな本を読めば、自動的に優れたデザイナーになれる、と言うつもりもありません。しかし、あなたがページを見る目は確実に変わるでしょう。この本の基本原則に従えば、あなたの作品が、もっとプロらしく、組織化され、一体化され、おもしろくなることを保証します。』(著者「まえがき」より)定番の定番。 ノンデザイナーズとある
飲食店のメニューだってユーザー導線を考慮しよう | UX TIMES
今回は大阪でワークショップを行った際に食事をした飲食店のメニューのわかりにくさについて勉強会で話し合ったので、改善方法を含めてご紹介いたします。 飲食店メニューの問題 スタッフの1人が名物である「肉つけ麺」を選び注文しました。すると、注文を受けた店員は 「風味は、”ゆず胡椒”と”海老だし”と”ごま味噌”、また、麺は”太麺”と”細麺”、盛りは”ひや盛り”と”あつ盛り”のどれにしますか？」 と注文したスタッフに選択を委ねました。 そんなオプションがあることを知らなかったスタッフは、結果的に店員を待たせてしまいました。 オプションに気づきにくいメニュー 注意深く見なければ、肉つけ麺を選んだ後に「風味」と「麺」と「盛り」を選ばならければならないことに気がつきませんね。 単なるメニューがお客さんを正しく誘導する このメニューの最大の問題はレイアウトが悪いことでお客さんを惑わせていることですが、それに
デザイナーの本棚－おすすめの技術書とそのほか－ – OMGmag
デザイナーという仕事はバラバラに散らばった情報を理論的に整理し、ユーザーにより正しく伝えることだと考えています。物事を正確に相手に伝えるっていうのはコミュニケーションの基本的なポイントですがこれが意外と難しい。 正しいデザインを阻害するのがノイズです。それは頭の中だったり目に見えるものだったり、いろんな所に存在してます。 そしてデザイナーは情報を整理する以前に「身の回りの整理」が必須だと考えています。なぜなら不要なものがたくさんあるデスクで作業をすること自体、ノイズの中に身を置いているようなもの。極力そういったものを排除した方が集中力も作業効率も上がるからです。 これまでデスクが散らかり倒した後輩たちにこの本を買っては贈ってきました。 著者は日本を代表するアートディレクターの一人、佐藤可士和。 徹底してムダを排除したオフィスを見ればいかに整理整頓が重要で働くスペースと頭の中がリンクしている
より優れたデザイナーになるための12の方法 - 99designs
99designsのこれまでの成長ぶりから判断して、今年は重要な年になりそうです。本サイトはかつてないほどの速さで進化を遂げているので、ぜひデザイナーの皆さんも一緒に成長してほしいと願っています。 優れたデザイナーになる12の方法を紹介しますので、毎月1つ試してみてください。新しいスキルを学び、新たなヒントを生かしていくことで、さらに優れたデザイナーになりましょう。 1. グリッドの使い方を習得する — ウェブサイトであろうと印刷物であろうと、デザインする上でバランスのとれたレイアウトを決定することは、最も難しく、非常に悩ましい作業の一つです。しかし、この問題はグリッドがあっという間に解決してくれます。グリッドを使えば、いつもの試行錯誤を繰り返すことなく、レイアウト作業を系統立てて行うことができるのです。 この方法なら、グリッドに沿ってレイアウトを決めていけばいいので、コンセプトやタイポグ
黄金比について詳しく解説、レイアウトや構図に効果的に取り入れるデザインテクニックのまとめ
黄金比や黄金螺旋を使い、Webサイト、雑誌や同人誌の表紙、フライヤーなどのレイアウト、コンテンツの配置、余白のとり方、写真の構図、オブジェクトの形のデザインにうまく取り入れるデザインテクニックを紹介します。 以前に1,000ブクマ越えの「黄金比をサイトのデザインに取り入れる簡単な３つの方法」を記事にしましたが、黄金比の取り入れ方もいろいろ進化しています！ What Is The Golden Ratio? 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様に許可を得て翻訳しています。 黄金比（Golden Ratio）とは 1. 黄金比をレイアウトに使う 2. 黄金比をスペースに使う 3. 黄金比をコンテンツに使う 4. 黄金比を写真の構図に使う 5. 黄金比を形に使う エジプトのピラミッド、ダヴィンチのモナリザ、これらとTwitterやペプシのロゴとの共通点は何で
レイアウトに関する5つのデザインのルール
広告やチラシや提案書を作成する時、また名刺やWebサイトをデザインする際にも、無造作に文字や画像を並べるだけでは綺麗で見やすいものにはなりません。 配置する要素の関係性を考慮した上で、近くに置くのか、揃えるのか、コントラストで見た目の変化をつけるかなど一定のルールや基本、セオリーをもってデザインを行えば、わかりやすく綺麗なレイアウトになります。 そこで今回は、レイアウトに関する“近接、整列、反復、コントラスト、余白”の5つのデザインの原理・原則をご紹介します。 1.近接（Proximity） 近接とは、関連する要素を近くに配置しグループ化することを指します。 近接の大きな目的は要素の「構造化」になります。関連する要素を近ずけてグループ化することにより、なんでもなかったものが構造化して意味を持つようになります。 要素間のスペースの距離は、その要素同士の関係性を示すことになるので、反対に関係の
日常生活で活かせるレイアウトの基本原則3選 | ライフハッカー・ジャパン
絶妙にレイアウトされた空間は素敵ですよね。すべての人がうまいレイアウトを学んできたわけではありませんが、それでも大丈夫。芸術家でなくとも、誰でも身につけられる原則があり、日常生活に役立てられるのです。 芸術には基本原則が存在しており、それは他の分野にも応用しやすいという特徴を持っています。芸術は主観的なものですが、よく目にする日々の行動の中に見出せる原則もあるのです。例えば、赤い色は「あふれるエネルギー」を表すことが多く、警告や情熱を表現する際によく使われます。実生活において、赤は血の色であり、炎の色であり、身体的興奮を示す色です。 人生の早い段階で、私たちの脳は何千もの目に見えないこういった結びつきを生み出します。だからこそ、レイアウトの原則は、生活のあらゆる場面に応用が可能なわけです。芸術的なセンスがないと思っている人でも皆、このような結びつきを活用できます。 「三分割の法則」を使って
そのデザインには理由がある！デザインの原則をWebデザインにどのように取り入れるのかのチュートリアル
デザインの原則をWebデザインにどのように取り入れるのか、それを言葉に表すのはなかなか難しいことです。デザインの原則を理解して手を動かす、またクライアントにデザインの説明を行うといったこともあるでしょう。 デザインにはなぜそうなるのかという理由があります。 実際のWebページのデザインを元に、デザインで大切な原則とそれらをWebデザインにどのように取り入れるのかを紹介します。 7 Undeniable Design Principles You Can't Ignore 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様に許可を得て翻訳しています。 photoshopvip.netというブログにも同記事の翻訳がありますが、あちらは無断翻訳・画像の使用も無断であると、元記事の作者から連絡を受けています。 使用するデザイン 1. Hierarchy -階層 2. Rep
The Basic Idea of Symmetrical Design
2014年1月28日 Webデザイン デザインをする上でシンメトリー（対称性）は頻繁に使われる手法のひとつです。古代から様々な場面で使われてきた美の構図、シンメトリーをうまく取り入れることで、安定感のあるレイアウトを生み出すことができます。今回はこのシンメトリーに焦点をあて、具体例とともに構成方法を考えてみようと思います！ ↑私が10年以上利用している会計ソフト！ シンメトリー（対称性）とは シンメトリーは広く「左右対称・反転」として知られていますが、他にも「回転」や「平行移動」、「拡大・縮小」も含んおり、これらの手法を取り入れた構成のことを言います。シンメトリーには規則性があり、バランスのよい安定した調和を感じさせます。シンプルで一度法則を覚えたら様々なデザインに取り入れられるので、デザイン初心者な方でも比較的容易にまとまったレイアウトを構成することができます。 シンメトリーとは異なる、
フォントやレイアウトで人にいい印象を与え好意的に文章を読んでもらう方法
画像や文章のレイアウトはウェブサイトをデザインする時だけではなく、資料やポスターなどを作成する時にも必要になりますが、正しいフォントの選択やレイアウトは文章を読みやすくするのに加えて、人の脳に作用し読み手を心地よくさせます。ということで、以前記事化した「自分のアイデアをアプリ化するための予算を自動計算してくれるウェブサービス『How Much Does It Cost To Make An App？』」を提供しているooomfの創設者・Mikael Choさんが、すぐにでもできる効果的な文書の作成方法をまとめています。 The science behind fonts (and how they make you feel) | ooomf blog https://ooomf.com/blog/the-science-behind-fonts-and-how-they-make-you-
デザインが苦手な人も分かる「デザインは全て意味がある」6つの要素
元々これはwebcre8が人にデザインを教えるとき、「細部まで考えて考えて決定するからこそデザイナなんだよ」と言う事を伝えたいが為に書こうと思ったものです。熟練者の方も、読んで同様に思われましたら是非教育に使ってみてくださいｗ はじめに：デザインとは webcre8は「webデザイン」の門扉を叩いてから3年程。まだまだこの世界ではwebの先輩方から学ばせてもらうばかりですが、曲がりなりにも「デザイン」というもの自体とは長く向き合ってきたつもりです。 webcre8の考えでは、例えばゲームのキャラクタの服の飾りであろうと、安売りの札の配色であろうと、webデザインのレイアウトであろうと、とにかく「デザイン」という作業は「なぜそれをそうするのか」という思考の戦いであると、今はそうなっています。 だから今webcre8自身が向き合っているのはたまたまwebデザインですが、このこと自体は建築デザイ
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
構図とレイアウト
デザインの理由や意味がよく分かる良書！WebサイトのUI設計や情報デザインについての考え方が見直せる -だから、そのデザインはダメなんだ。
Basic Design Note