なぜデザインは人を動かすのか？ 〜「広告」を通じて、デザインの力を考える（前編） | ウェブ電通報
なぜデザインは人を動かすのか？ 〜「広告」を通じて、デザインの力を考える（前編）2015/07/01 ——2015年のアドフェストでは、八木さんが制作されたホンダのコーポレートブランディング「Honda. Beautiful Engines.」が、Design／Booklet部門で最高賞のグランデをはじめ、複数の賞を獲得されました。当財団が運営するアド・ミュージアム東京の企画展示「鉄のマインド One Show 2013」でもDesign／Flyers部門でブロンズを獲得されていますね。さらにOutdoor／Poster部門とPrint Craft／Photography部門、Print Craft／Best Use of Photo部門では、JR東日本「行くぜ、東北。」がブロンズをトリプル受賞されるなど、幾つもの賞を重ねての受賞、本当におめでとうございます（編集部：以下同様）。 八木：ま
目を引くアイキャッチ画像の作り方、50の作成事例とデザインのアドバイス
あなたのブランドを魅力的に見せるアイキャッチ画像は、非常に大切です。どんなカラーパレットを使うか、どんなタイプのイメージを選ぶか、どんなフォントが一緒に機能するか、デザインのプロセスは多岐に渡ります。 Webページやブログのヘッダ、プロダクトの打ち出し、ブランドのメッセージなど、見た人の印象に残るアイキャッチ画像の作り方、50の作例とデザインする際に役立つアドバイスを紹介します。 Steal These 50 Branding Kits For Your Startup 下記は各ポイントを意訳したものです。 元記事ではアイキャッチ画像と同テイストの名刺も同時に紹介されています。 ※当ブログでの翻訳記事は、元サイト様に許可を得て翻訳しています。 Whimsical: サンプル画像 抑えられたトーンとミニマルなタイポグラフィ 画像にソフトなカラーフィルタを使いトーンを抑え目にし、タイポグラフィ
UIデザインで大切な空白スペースの効果的な使い方
空白スペースは単なる美ではありません、ユーザインターフェイスの成功への鍵です。空白スペースがWebデザインやUXデザインにおいてどのように使うと効果的に機能するかを紹介します。 Why White Space Is Crucial To UX Design 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様に許可を得て翻訳しています。 はじめに -UXデザインにおける空白スペースの価値 1. 空白スペースでコンテンツを理解しやすくする 2. 空白スペースで関係を明確にする 3. 空白スペースで注意を引きつける はじめに -UXデザインにおける空白スペースの価値 メインとなるオブジェクトを強調し、ユーザーの注目を引きつけるネガティブスペース・空白スペースの重要性をすべてのビジュアルアーティストが理解しているでしょう。 ネガティブスペース（デザイナー的には空白スペース）
シンプルの心理学 ― 心地良いデザインのために | POSTD
私たちの誰もが理解する”シンプル”という概念の正体を突き止めることは、難しそうに見えますが、実はそうでもありません。 私たちが製品やWebサイトをシンプルと感じるかどうかの背景には、”見れば分かる”ということだけではなく、単なる直観的な反応にとどまらない何かがあります。 Steve Jobs は次のように述べています。 シンプルであることは、複雑であることより難しい場合がある。物事をシンプルにするためには、思考を整理して懸命に考えなくてはならない。しかし、努力する価値はある。ひとたび達成すれば、山をも動かすことができるのだから。 シンプルにものを作ることにそんなに力があるのであれば、なぜ私たちはそうできないのでしょうか。 なぜシンプルであることは、こうも複雑なのでしょうか。 人生における多くの事柄と同じように、シンプルさには表面的に見えている以上の何かがあります。ここでは、私たちの脳が新し
ここが最前線！2015年WEBデザイントレンド13選
更新日: 2017年5月22日公開日: 2015年6月4日ここが最前線！2015年WEBデザイントレンド13選 時代ごとに web デザインは変化し、いつの時代もユーザーの視線と心を釘づけにできるよう創意工夫されています。 また例え難しいデザインのテクニックが無くても、その時々のトレンドをうまく取り入れるだけで、斬新なサイトにも見えます。今流行りの web デザインを 事例を含めてご紹介します。 はじめに - 2015年 web デザイントレンドの背景ファーストビューよりスクロールを重視するデザインに Photo: cewdseo.com 今やフェイスブックやツイッター、LINE などの SNS は、私たちの生活に無くてはならない存在となりつつあります。日本人の5人に1人が Facebook ユーザーで、世界でもおおよそ5人に1人が Facebook を使っています。 またスマホ普及率は国
MUJIデザインが生まれるまで：日経ビジネスオンライン
シンプルで機能的、無駄を削ぎ落とすことで現れる美しさ…。無印良品の商品にはぶれがない。流行に左右されず、常にスタンダードな“MUJIらしい”商品を生み出し続けられるのはなぜだろうか。その理由は、商品開発のプロセスのみにとどまらず、さらにその上流の企業経営の仕組みに隠されている。 無印良品の母体、良品計画という企業の方向性を決めるうえで大きな役割を担っているのが、「アドバイザリーボード」の存在だ。アドバイザリーボードとは、ブランドコンセプトを維持するために外部のデザイナーで構成された組織。現在はグラフィックデザイナーの原研哉氏、クリエーティブディレクターの小池一子氏、プロダクトデザイナーの深澤直人氏、インテリアデザイナーの杉本貴志氏の4人で構成している。毎月1回、ボードメンバー4人と金井政明・会長以下の幹部社員が一堂に会する「アドバイザリーボードミーティング」を開く。 ここは、具体的に何らか
ここ半年で話題になったデザインに関する知見が広がる5つの記事 | creive【クリーブ】
直近半年で話題になった、デザインに関する知見が広がる記事を5つほどご紹介します。 「デザイン」といっても、様々な方向性の記事をとりあげていますので、興味のある分野があればぜひチェックしてみてください。 Webと紙の印刷物 Web制作の仕事をしている人に向けて、印刷に関する基礎知識と、その時に気をつけておくべき注意点が紹介されている記事です。 「Web」と「印刷物」の大きな違いをサイズ、レイアウトの可変性、データの拡張性、オペレーションの多様性（Webではクリックですが紙では触るなど）の4つを中心にとりあげて説明しています。 Web制作をしている人が、突如印刷物の制作を頼まれた時なんかにも、Webと紙の違いを理解して説明できると慌てずにものごとをスムーズにすすめることができると思います。 → WEBも紙も！ハイブリッドなクリエイターになるために ―印刷加工の基礎知識― デザイン思考の成功例
梅原さんが関わるプロジェクトはなぜ成功するのか？：日経ビジネスオンライン
2009年10月に連載を始めた「シアワセのものさし」。高知県在住のグラフィックデザイナー、梅原真氏の足跡を通して、ヒット商品を作る発想法や地域社会のあり方、個人の生き方などを考えた企画でした。連載は計10回。最終的に、書ききれなかったエピソードを加筆して、日本経済新聞出版社から書籍になりました（「おまんのモノサシ持ちや！」）。 ここで、梅原氏をご存じでない読者のために簡単に触れておきましょう。 農林漁業と辺境に関する仕事以外はお断り 梅原氏は1950年生まれの60歳。身長182cm、体重82kgの大男で、北大路魯山人を彷彿とさせる黒メガネと愛嬌の溢れる分厚い唇が特徴的。常にシャレとユーモアに満ちていて、飲み会の盛り上げ役も買って出る。このように、お茶目で楽しい性格を持つ反面、一旦、頭に血が上ると手に負えません。 クライアントだろうが、県庁のお偉いさんだろうが、漠然と依頼に行けば、「おまんは
ファーストビュー盲信がもうしんどい
Updated 2015.04.27 / Published 2015.04.27 「ファーストビューが全て」のようなファーストビューについては盲信的な記事も多く、ファーストビュー云々のことで煙が立ち始めて、火がついてしまうと、上手く説得を試みようにも聞く耳をもってもらえず、困り果てるディレクター・デザイナーの方も多いのではないかと思います。ファーストビューはもちろん大事ですが、盲信的に傾倒することには疑問を感ぜざるを得ず、ファーストビュー問題はいつになっても考えものです。 ファーストビューのボヤは気付き難い ディレクターやデザイナーの方ならプロジェクトが進行していく中で、ファーストビューが問題になったことが一度や二度はありませんか。「いやいや、ファーストビューはちゃんとガチガチに予防線を張っているよ！」というディレクターの方も、きっと過去に苦い経験があるのではないでしょうか。 個人的にフ
エンジニアがデザインに取り組んでわかったこと
最近、いくつかのデザインに取り組んでわかったことがあるので、書いておこうと思う。 ぼくは2,3年前にこの業界に入ってからずーっとフロントの実装畑でやってきた。 それは自分の意図していたものではなかったけど、前職のまぼろしという会社は実装が強みの会社だったので、デザインに触れることはほぼほぼなかった。 それもあってか、ぼくは「もうちょっとコストを考慮してほしい」「このあしらいが一体ユーザーにいくらのお金を落とさせるんだろう」とか、あげくの果てには「実装のことを考えたデザインをすべき」とまで考えていた。これらの考え方はぼくだけでなく、コーダーからよく同様の声が上がっている。 だけどデザイナーさんと接する機会が増えるごとに、デザインができるようになったら今までイラついていたことがどんな風に見えるのか確かめたいな、という気持ちになった。 それ以外にも「なにか作るとデザイナーばかり褒められて厳しい」
デザイン思考を学べるオンライン学習サービス IDEO U がスタート ｜ブログ｜root｜芯を問い、成長に貢献する
IDEO（アイディオ）とは？ アメリカ・シリコンバレーに本社を置くデザイン・コンサルティング企業。世界9拠点約500名が働くグローバルな組織です。 製品、サービス、環境、デジタルエクスペリエンスなど幅広い分野でデザインを手がけており、代表的なクライアントにApple 、Procter & Gamble(P&G)、ペプシ、マイクロソフト、Eli Lilliyなどがあります。 ティム・ブラウン：創造性と遊び | Talk Video | TED.com デザイン思考の実用性デザインと聞くと洗練された製品やビジュアライズされた広告などをイメージされる方も多いと思います。 今回注目するデザイン思考では問題解決のアプローチ手法としてデザインの考え方をご紹介しています。 デザイン思考を活用する実用例として、組織内での事業課題や製品開発における問題解決にお悩みのマネージャー職の方々やイノベーティブな新規
いいデザインのために組織の一人ひとりができること
デザインは誤解されることが多いと思います。 その一つひとつに答えながら、いいデザインのために組織の一人ひとりができることを共有します。Read less
エレクトロ・システム株式会社 公式 Google+
Join the official community for Google Workspace administrators In the Google Cloud Community, connect with Googlers and other Google Workspace admins like yourself. Participate in product discussions, check out the Community Articles, and learn tips and tricks that will make your work and life easier. Be the first to know what's happening with Google Workspace. ______________ Learn about more Goo
デザイナー必見！！ 女性向けWEBサイトデザインのポイント（2）装飾編 | 津田祐典 | 街角のクリエイティブ
前回は、女性向けWebサイトデザインにおける「配色」のバリエーションについてご紹介しました。今回は、見出し等における細部の「装飾」に絞っていくつかのパターンをご紹介しようと思います。 手書き、アナログ風 女性向け（に限らないですが）、手書き風の文字やかすれた線を用いたアナログ的アプローチは、柔らかい雰囲気を出すオーソドックスな手法の一つです。 かすれた線 出典：サロンドパルール 出典：LEWE market かすれた感じの見出しや囲みの線で、アナログ感を表現。普通の直線を消しゴムツールで適当に削るだけでもできてしまうので、比較的難易度も低いです。また、フォントはゴシック体よりも、線幅が不均等な明朝系の方が馴染みやすいですね。 にじんだボタン 出典：フェリシモ 500色の色えんぴつ 出典：やさい あまうま ル・クルーゼ エッジが少しにじんだようなデザインのボタン。ボタンは必然的に目立つような
山中俊治の「デザインの骨格」 » あらためてSuicaの話でもしようか その１
Suicaの開発プロセスについて触れておきたいと思います。すでにいろいろなところでしゃべったり書いたりしたことなので、ここでは裏話的に。 ことの発端は、1995年にJR東日本の非接触自動改札機（まだSuicaという名前はなかった）の開発担当者が、私のところに相談に来た所から始まります。ICカードを使う改札機については、すでに10年以上研究されており、技術的にはほぼ現在と同じレベルに近付きつつありました。 しかし、実際に試作してテストしてみると、ちゃんと通れない人が半数近くに登りました。特に実験に参加した重役達の評判は悪く、「私のは５回に一回しか通してくれない。２割バッターだ」などと、開発部長が会議の席で罵倒される場面もあったりして、開発中止直前に追い込まれていたそうです。 原因はある程度分かっていました。お財布ケータイやセキュリティカードに慣れた現代の皆さんなら、カードを当てる場所はすぐに
パンくずリストの考え方を整理する - すなばいじり
更新されたエントリーがあります。 psn.hatenablog.jp 構造化テストツールが新しくなり、機能変更・追加が行われたというお話で、今までOKだった記述がNGになったというネタを見て「これはこういう意味ですよ。」という解説を書いておかないとなぁと考えていたら一週間くらい過ぎそうなので、いい加減書いておきます。 構造化テストツールのチェックが厳しくなった？ パンくずリストの部分で起こっているようです。 厳密に言えばそうなります。 この部分ですね。きちんとリンクを置かないとエラーが表示されるようになった。というお話のようです。 そういえば、このエントリーを書いてもシブタクさん気づかないですね。 IDコールできません。 そもそもどういう事だろう？ 一例として、簡単にパンくずを表現すると カテゴリ > 今見ているページのタイトル このような表現になります。 HTML+microdataでマ
なぜ日本メーカーはアップルになれないのか：日経ビジネスオンライン
「デザインは化粧ではない」――。この言葉は、書籍『ジョナサン・アイブ』の中で、スティーブ・ジョブズの言葉として度々登場する。「化粧」というのは、製品のうわべだけきれいにすることを表している。これに対して、本連載の第1回で紹介したように、アップルやジョナサン・アイブは、ユーザーが製品をどう感じ、どう使うかまで意図して開発することを「デザイン」と受け止めている。 「我々が目にする製品の多くは、ただ見た目を変えることだけを目標につくられている…イノベーションがないばかりか、純粋に時間や持っているリソース、より良く仕上げるための十分な気遣いをすることもなく…」（ジョナサン・アイブ／2007年） このアイブの言葉から8年がたち、iPhoneがあれだけ大成功をおさめた今でも、製品の見た目だけを差別化する「お化粧」でつくられた製品を数多く目にする。家電量販店の一部の陳列棚は、まるでこの「厚塗り化粧商品」
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
デザイン組織に本気で取り組む
誰に何を伝える？わたしの デザインコンセプトの 作り方、探し方
マテリアルデザインを用いたデザインリニューアル [フリル編]![マテリアルデザインを用いたデザインリニューアル [フリル編]](https://cdn-ak-scissors.b.st-hatena.com/image/square/76b9f2cd58f69ba8f3d551f88dcafb865fb05912/height=288;version=1;width=512/https%3A%2F%2Fcdn.slidesharecdn.com%2Fss_thumbnails%2Fdroidkaigi-150425032816-conversion-gate02-thumbnail.jpg%3Fwidth%3D640%26height%3D640%26fit%3Dbounds)
