Use this code for 50% discount for any product or subscription

Webサイトやスマホアプリをデザインする際に、カラー・タイポグラフィ・レイアウトなどはどのようにすればうまくいくのか、ユーザーインターフェイスのデザインが一手間加えるだけでよくなるデザインの知識とテクニックを紹介します。 10 cheat codes for designing User Interfaces 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様にライセンスを得て翻訳しています。 1. テキストは重要、より大きく！ 2. 複数のブラックを作成しない 3. カラーを理解するためには数学が大切 4. 空白スペースを活用してグループ分け 5. カラーを使用して行を区切る 6. ドロップシャドウの代わりに乗算を使う 7. 一行の長さ 8. 新しいデザインに執着しない 9. ブランドカラーをアクセントとして使用する 10. リストにおけるビュレットのデザイン 1

あくまで私の観測範囲であるが、黄金比が静かなブームのようだ。静かなブームって胡散臭い言い方だね自分で言っといてなんだが。 発端はデイリーポータルZのこの記事だったと思う。 portal.nifty.com それを受けてかどうか、「頭の悪い人の絵」が黄金比に沿って描かれているというツイートが流れたらしい。私は残念ながら元ツイートを見ることはできなかったが、なすねむ@ONASUNEM ‏さんのこのエントリーで存在を知った。なお例によって余計なことを言うと、「頭の悪い人の絵」こそが静かなブームかも知れない。 www.nasnem.xyz さらにその後、本職のアーティストである 三木崇行（id:takayukimiki）さんが、詳しいエントリーを公開されたので、リンクを貼らせてください。 www.mikinote.com しかし実は、自然界の黄金比がわかりやすい姿で目の前に示されているとは限らない

Francfrancのデザインシステムは、ブランドの価値を上げ、実務者の負担を軽減し、イノベーティブな取り組みを推奨する上での合意形成を的確にかつ迅速に行うためのものです。

ビジュアルデザインを学ぶうえでもっとも基本的なルール、原則10個を、現役ビジュアルデザイナーの José Torre が詳しく紹介しているので今回はご紹介します。 ずっと使える、デザインの基本まとめました。【2020年改訂版】 ビジュアルデザインに必要な10の基本原則まとめ #1 ポイント、ライン、シェイプ 点（英: Point）、線（英: Line）、形（英: Shape）は、どんなデザインにおいてもっとも基本的な構成要素です。シンプルなアイコンから複雑なイラストまで、これらの要素を組み合わせることでどんなデザインでも作成できます。 幾何学（英: Geometry）としては、ポイントはX座標とY座標の組み合わせで、Z軸を追加することで3Dになりますが、今回は２次元デザインについて詳しく知りましょう。 ふたつのポイントをつなげると線になり、無数の点でできた線を組み合わせることで、どんな形で

by caleb kerr カメラマンとして、レタッチ過程の大切さについて思うこと。どんなカメラマンも、撮影の後に、こんな質問をされた経験があるのではないでしょうか。「いい写真が撮れましたねー。万が一あとで必要になったときのために、レタッチ前の写真も全て頂けますか？」 結論だけ言うと、答えは「いいえ」です。でも、私にとってはその理由を理解してもらうことが重要です。この記事では、レタッチ後の完成写真とレタッチ前の写真を比較してお見せします。高度な心理的テクニックを利用して(笑)、レタッチ前の写真を受け取ることに、どれだけ意味がないかをお伝えしましょう。 全ての写真を渡すことを断るのは、単に「いいえ」と言いたいからとか、面倒くさいから、という訳ではありません。よりによって、最高の写真1枚を出し惜しみしている、ということでもありません。 「でも、減るもんじゃないでしょう？」 …その答えが単純では

「デザイン」に対して興味のあるすべての人を対象に、いつまでも長く利用できるデザインの基礎テクニックを、これまで当サイトで紹介したエントリーの中から、各ポイントごとにまとめました。デザイン入門編として覚えておきたい基本から、サンプル例を見ながら理解できる、より実践的なデザインテクニックまで幅広く網羅しています。

「もっと楽な方法は？」「イラストレーターの効率的な使い方を知りたい。」 そんな悩みを解決してくれる Illustrator の基本操作から各ツールの実践テクニックまで、これからをはじめようというひとにもオススメの機能を網羅した、新作デザインチュートリアルをまとめてご紹介します。 ステップごとに進めていくので迷うこともなく、各種ツールのより実践的な使い方まで詳しく知ることができるチュートリアルを中心に揃えています。Illutrator の可能性を広げる万能テクニックを学んでみてはいかがでしょう。 詳細は以下から。 知識ゼロから Illustrator をしっかり学ぶデザインの作り方、チュートリアルまとめ カラフルな花がらの水墨画をデザインする方法 グラデーションメッシュ機能を利用し、Illustrator ではむずかしい淡い色合いを表現できるチュートリアル。 幾何学模様を利用した雪の結晶の作

大きなトラブルとなった五輪のロゴ類似問題。素人目にはそっくりになロゴに対し、審査員をはじめ多くのデザイナー達が「まったく違う」と反論していたのが印象的でした。しかし、不透明かつ説明不足の審査委員会もあいまって、残念ながらこれらの発言は身内を守るものと解釈されてしまいました。また画像の盗用問題により、本来なら行われるべきだった、冷静な議論などは完全に失われてしまいました。 なぜデザイナーと世間において、これほど大きな認識の違いが生まれたのでしょうか？本稿では、デザイナーと世間の間にある「類似性のギャップ」に関しできる限りわかりやすく説明します。最大公約数的な意見としては、このような感じではないかと思います。 全体の構成としては、まず類似性は鑑賞者の文化背景に依存することを説明します。その上で、前提知識として、デザインの本質や、文字を用いたデザインの類似性についての基礎知識を解説します。その後

東京2020オリンピック・パラリンピック競技大会開催までちょうど5年となった7月24日、今大会の正式なエンブレムが発表された。デザインを手がけたのは、本誌連載「ふうせんいぬ ティニー」も手がけるアートディレクターの佐野研二郎だ。 堂々として潔く、どこか和を感じさせるデザインが、これから東京2020オリンピック・パラリンピック競技大会のシンボルとして世の中に発信されていく。オリンピックエンブレム（左）はTOKYO、TEAM、TOMORROWの「T」をイメージし、パラリンピックエンブレム（右）は平等を表す「＝」をイメージした。2つのエンブレムは白と黒を反転しただけで、オリンピックとパラリンピックが一体であることを暗示する。この佐野研二郎のデザインは104点の応募作から選ばれたもの。入選には佐野のほか、原研哉と葛西薫の作品が選ばれている。 【写真や動画をもっとみる】発表会場とエンブレムの紹介動画

by Tiger Pixel マーケティングにおいて色彩心理学を利用することは重要とされますが、色彩の持つ効果は個人の経験に依存し、学術的に裏付けされたデータが少ないため、議論も多いところです。そこでHelp Scoutがブログで研究によって明らかにされた色彩の持つマーケティングでの効果をまとめたのが「The Psychology of Color in Marketing and Branding」で、実際に商品を売り出したり、ウェブサイトをデザインする際にも非常に役立つ内容となっています。 The Psychology of Color in Marketing and Branding | Help Scout https://www.helpscout.net/blog/psychology-of-color/ ◆色彩心理学に関する誤解 どうして色彩心理学は多くの誤解を含み、そして

サービス終了のお知らせ NAVERまとめは2020年9月30日をもちましてサービス終了いたしました。 約11年間、NAVERまとめをご利用・ご愛顧いただき誠にありがとうございました。

こんにちは、デザイナーの王です。 どうも近頃はいぬ肌が恋しく、無性にワンコちゃんをなでなですりすりしたくてうずうずしるのですが・・ こういう写真を眺めているだけで心がほわ～っとしてきますよね 久しぶりに記事を書きます。「Vertical Rhythm」と呼ばれているデザイン手法ご存知でしょうか？さり気なく取り入れることで、文章が読みやすくなったり、レイアウトが整ったりすることが期待できるという。 デザインに限った話ではないが、完璧な正解など存在しないと思うので、あくまで一つの考え方として捉えて頂ければと思います。 実例を挙げながら進めて行きますので、「Vertical Rhythm」の考え方とその良さ、便利さをきっと理解してもらえるんじゃないかと思います。 前書き クライアントに「説得力のあるデザイン」を届けよう！ LIGでデザイナーをやってて、よくベテランデザイナーさんにこういう風に言わ

デザイン上級者は、中級者と初心者と何が違うんだろう？って思った時に、こちらの本が役に立ちました。 『上達の法則 – 効率のよい努力を科学する –』という本です。この本には、碁や茶道など、あらゆる分野に共通する上級者の特徴がのっています。この本を参考に、デザイン上級者の特徴と、上級者になるための実践方法を書いてみました。 デザイン上級者の特徴 1. 上級者は一つのデザインから読み取ることが多い 一つのデザインを見たとき、上級者の方が中級者、初級者よりも気づくことが多いです。例えば、背景に薄くグラデーションがかかっているとか、縦のグリッドのラインが揃っているなど。 また、そのデザインからたくさんの情報を引き出しているので、長く見ても退屈しにくいという特徴を持っています。 2. 上手なデザインをするということに高い価値をおいている 上級者は、デザインに対して本気で取り組む度合いが高いため、上手な

あなた（ディレクター）がデザイナーへデザインの指示をするとき、どのようにしていますか？ クライアントからのざっくりとしたデザインイメージを伝えるだけで、意図したとおりのデザインを作れる人がまわりにいますか？いたらすごく幸せですね…。 でも、そういったスーパーデザイナーばかりではないと思います。 なので、ディレクターが指示をするときにはどうしたら良いかを考えて実践した結果、うまくいく場合が多かったのでその方法を書いてみました。 デザイナーの能力を正しく把握し、その段階に合った指示をする 私の会社では、デザイナーの能力を大まかに3段階に分けています。 それぞれの段階によって、指示方法を変えています。 第一段階（デザイナー歴 1年未満） デザインレベル こちらが指示した素材を使って、適切なレイアウトができる。 マージンのとり方など、基本的なデザインルールを知らないことがある。 ツールの使い方を熟

エンジニアtypeは、各種エンジニアをはじめ「創る人たち」のキャリア形成に役立つ情報を発信する『＠type』のコンテンツです。

2013年11月22日 Webサイト制作, ユーザビリティ どのWebサイトにも必ずあるのがナビゲーションメニュー。各コンテンツページへリンクされている「Webサイトの目次」です。この目次をきちんと設置していないと、ユーザーは欲しい情報が見つけられず、離脱率が高くなります。そのサイトでしか手に入らない、本当に必要な情報でない限り、こちらから案内しないとユーザーはコンテンツを探そうとしません。そんなナビゲーションメニューについて考えてみましょう。 ↑私が10年以上利用している会計ソフト！ ナビゲーションメニューの設置ポイント すべてのページに 基本中の基本ですが、メインのナビゲーションメニューはどのページにも同じ場所に設置しましょう。ホームページでしか表示されない…なんてことがないように。というのも、ユーザーが最初にたどり着くのが必ずしもホームページとは限らないからです。検索で特定のコンテン