"牛乳パック"どっちが好きですか？｜内田 広由紀｜視覚デザイン研究所
一部内容修正につきまして 今回の記事も多くの反響をいただき沢山の方に読んでいただいたことを大変感謝しております。 このシリーズの趣旨は、デザインの過程をわかりやすくし多くの人にとって役立つスキルにすること、またジャンプ率などの「視覚スケール」を知って有効活用していただくことにあります。「視覚スケール」は商品パッケージから建築物のような大規模なものまで一貫して使える便利なツールです。 「視覚スケール」を説明するため、アンケートの方法や脳が選択するしくみについて、皆様に不安や誤解を招いてしまう表現があったと思います。これらを踏まえ、一部内容を加筆修正させていただきました。（記事での主張に関しての変更はありません。） 当室ではこれからもご意見・ご質問などをなるべく反映させながら、わかりやすい記事を作りたいと考えております。どうぞよろしくお願いいたします。 こんにちは。 絵本と美術書の出版及び、デ
Web制作の常識が変わる、便利な最新オンラインツール48個まとめ
この記事では、Webデザインやグラフィックデザインの制作スピードを短縮し、生産性をアップする、便利な最新オンラインツールをまとめてご紹介します。 「もっと早く知りたかった」と思わせる、面倒な作業をサクサクこなす時短ツールが勢揃いです。カテゴリごとに整理しているので、目的にあったお気に入りツールを探してみましょう。 コンテンツ目次 1. Web制作便利ツール 2. デザインコレクション 3. イラスト系ライブラリ 4. 配色ツール 5. プロトタイプツール 6. コラボ、リモートワークツール 7. 面白、クリエイティブツール Web制作の常識が変わる、便利な最新オンラインツールまとめ Web制作便利ツール The Hero Generator ウェブサイトの魅力的なヒーローイメージを作成できるオンラインツール。グラデーションオーバーレイやボタンスタイル、見出しタイトルの余白など細かい部分も手
優れたダッシュボードをデザインするための10のガイドライン | UX MILK
Neilは、イギリスのAstraZenecaで働くUXデザイナーです。現在さまざまなUXデザインのプロジェクトを率いています。 もしあなたがプロの自転車競技に詳しければ、「アシスト（Domestique）」という用語を聞いたことがあるでしょう。馴染みがない人に向けて説明すると、アシストとは自転車競技のチームにおける選手の役割を指します。「Domestique」はフランス語で「下僕」という意味です。 アシストの選手は、水のボトルをチームの車から集めてほかのチームメイトに渡すという役割を担っています。また、チームの車が近くにいないときに先頭選手の自転車が故障したら、自分の自転車や予備のタイヤを渡します。さらに、遅れているメンバーがいれば、先頭集団に追いつくまで彼らを牽引し、追いついたら自分はペースを落とします。このようにアシストの選手は無欲にひたすら奉仕し続けます。決してアシスト自身がレースに
スタートアップのデザイン責任者がやるべきことまとめ｜坪田 朋
最近、相談を受ける事が多いデザインマネージャーの役割を経験をもとに書き出してみました。長いですが、迷った時の辞書代わりに使ってもらえるとありがたいです。 ここでは会社の規模が30名以上、デザイナー5名程度を超えた組織をイメージしてます。ユーザー体験に責任を持つサービスデザイン責任者と組織責任者の話は混同しないほうが良いので、今回は組織責任者にフォーカスしてます。 全体のストーリーはこのスライドで掴めると思いますが、もう少し具体的に実行した事などをリスト化したので参考になればと思います。 デザイン責任者として実行した事まとめデザイン責任者の仕事は何かを学ぶために行動してみた ・実績を上げてる会社へ一週間研修に行かせてもらい、成果をあげてる理由を分析して、100ページ位のレポートを作った。 ・池田さん、土屋さん、深津さんなど有識者に相談して感覚を掴んだ。 ・それらの行動は自分自身の勉強にもなっ
デザインと経営を融合するために知っておくべき15のポイント
『「デザイン経営」宣言を宣言で終わらせないための3つの提言』でも触れられている通り、日本でもデザインと経営の融合が叫ばれ始めた。 これは、世界的なビジネストレンドみるとその重要性は明白で、企業の時価総額を見ても、ApppleやAmazon, Googleなど、デザインの力を活用してイノベーションを生み出してる企業が活躍している。 それに伴い、私達デザイナーの仕事の内容と、ビジネスや社会に対するその影響力もどんどん広がっているとも感じる。 自ずと、”デザイン” という言葉自体の概念も時代と共に変化し始めている。Webデザインや、UIデザインなど、これまでのいわゆる”絵を描く”ことから、デザイン的考え方を事業の為の一つの戦略スタイルとして活用する方向にシフトし始めている。 特にアメリカでは大きな企業からもデザインの重要性へが認識され、業績に直接影響を与えるレベルになってきている。 ビジネス的考
ビジネスに活かせる「デザイン思考」を学べるおすすめTED動画5選｜Goodpatch Blog グッドパッチブログ
世界では、デザイン思考をビジネスに実践できる人材の重要性が高まっています。マサチューセッツ工科大学、ハーバード大学など世界のトップスクールでは、MBAの中にデザイン教育が含まれています。 本記事では、デザイン入門者向けに、デザインへの理解を深めるためのTED動画を番外編を含めて5つご紹介いたします。特に、デザイン思考をビジネスに取り込みたいビジネスパーソンにおすすめです。ご紹介する動画を通じて、デザインを理解・実践するヒントに繋がれば幸いです。 1.自分のクリエイティビティに自信を持つ方法 – デビット・ケリー おすすめポイント 才能に関係無く、人は生まれながらにクリエイティブだと教えてくれる動画 デビット・ケリーは、世界各地でイノベーションを牽引するデザインコンサルティングファームIDEOの創設者です。IDEOは、デザイン思考を提唱した企業であり、Appleのマウスデザインやサムスン電子
初めての組織デザイン｜たけてつ｜note
初めての組織デザイン：出戻りして3ヶ月時点 僕はオプトからキャリアがスタートしていまして、2004年から約10年ほど在籍していました。 それから2年半の間、いろいろ経験させて頂き、今年の2016年9月にオプトに戻ってきました。サービスをつくる組織に所属しています。 ちょうど試用期間が終わったので3ヶ月間を振り返ってみようと思います。 入社前の話外からオプトを見ていて、いろいろ思う事があり、石原さん（所属する組織の担当役員）と面接した時に、 もっとみる
2018年7月：Webデザインの参考にしたいサイト10選 | Web Design Trends
2018年7月に見つけた、デザインの優れたWebサイトをまとめました。難しい技術を使ったテクニカルなWebサイトから、見た目の美しさやユーザビリティの高さなども評価して10サイトに厳選しています。 Webデザイナーの方も、これからWebデザイナーを目指すという方も、ぜひ参考にしてください。 THE PARFAIT STAND ページの各所に動画やアニメーションが使われていて、とても楽しげな気分にさせるWebサイトです。動的な要素が多めに使われていますが、ここまでページの表示や遷移がとても早いのは珍しいのではないでしょうか。 グリッド状に表示されているセクションではでは動画と写真が同じ枠の中に並べられていて、特に難しい技術は使っていませんがありそうで無かったデザインだと思います。
流体シェイプを使ったWebデザインの魅力と参考になるサイト | Web Design Trends
波面のような滑らかな曲線をデザインに取り入れた流体シェイプは、最近多くのWebデザインで見られるようになってきました。 柔らかくて優しい印象を生み出す流体シェイプを使ったWebデザインは、サービスや商品をより魅力的に見せてくれるような効果を持っています。 今回は、流体シェイプの魅力や、上手な取り入れ方、流体シェイプの参考になるWebサイトをご紹介したいと思います。 2022年に流行するWebデザインの最新トレンド10個まとめ 2021年のミニマリズムを中心としたトレンドが注目されていましたが、2022年は鮮やかで、奇抜で、記憶に強く残るようなデザインを中心としたトレンドが注目されています。 今回は、2022年に流行するWe... Web Design Trends
デザイン思考の基礎
デザイン思考とは何か。なぜそれに関心を持つべきなのか。ここでは、その歴史と背景に加え、簡単な概要と、6段階のプロセス図を提供する。実践的なユーザー中心の考え方による問題解決型アプローチがイノベーションにつながり、イノベーションを起こせれば、差別化ができ、競争上の強みを作り出せるようになる。 Design Thinking 101 by Sarah Gibbons on July 31, 2016 日本語版2016年11月1日公開 デザイン思考の歴史 デザイン思考が新しいものであるというのはよくある誤解だ。デザインという行為自体は長い間おこなわれてきており、モニュメントや橋、自動車、地下鉄のシステムはどれもデザインというプロセスから生まれた最終製品といえる。そして、昔から、優秀なデザイナーは人間中心の創造的なプロセスによって、意味のある、有効なソリューションを構築してきているからだ。 190
デザインは奥が深い！目の錯覚を効果的に使ったUI、ロゴ、イラスト、文字組みのデザインテクニック
文字をぴったり揃えたのにしっくりこない、正方形なのに長方形に見えてしまう、シャドウを与えていないのにぼんやりとシャドウが見える、ボーダーを加えただけなのに塗りも変わったように見える、そんな経験はありませんか？ WebサイトのUI、アイコン、ロゴ、イラストなどでデザインしている時に誰しも経験したことがあると思います。これらの原因は目の錯覚によるもので、その仕組みを理解することで困惑されることなく、効果的に利用することもできます。 11 Optical Illusions Found in Visual Design by Balraj Chana 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様にライセンスを得て翻訳しています。 三角形の交点による錯覚 垂直の水平方向による錯覚 明度による錯覚 奥行きによる錯覚 格子による錯覚 コントラストによる錯覚 カラーによる錯
【凄い】ポールスミスのインスピレーション、その独特な発想法 - 久保清隆のブログ
2015年10月5日、早稲田大学大隈記念講堂で、ファッションデザイナー、ポール・スミスさんが「インスピレーション」をどのようにして得ているのか、その発想法に関する 講演を聞いてきたので、まとめた。 講演にはものすごい人が来ていて、入れなかった人もたくさんいたが、ポール・スミスさんは外に人がたくさん並んでるのを見て、 「2回やる」 と決めたらしい。 すごくおちゃめでユーモアあふれる、いい人だった。 話されていた内容は大きく３つ。とてもいい話だった。 バランスの重要性 観察眼の磨き方 - どのように幅広く目を向けるか どのように独自性を出していくか - キャリアへの活かし方 バランスの重要性 ポールスミスさんは、10代のとき自転車のレーサーになるのが夢だったが、17歳のときに大きな事故にあって骨折した。 でも、災い転じて福となるという点が大事。 そのおかげで想像力あふれる世界に飛び込むことがで
『文字／タイポグラフィ』を知る、学ぶ、見る、活用する、作る！様々な場面で役立つサイト達の大まとめ！ | バンクーバーのうぇぶ屋
今やタイポグラフィを見る、学ぶ、知る、活用する、作る。それらすべてのことが様々なサイトやツールを使って実現することが可能です。 ここ1ヶ月くらい、僕のFacebookで投稿させて頂くネタ／書かせて頂く記事の内容がタイポグラフィに偏っていたのですが、実はちょっとタイポグラフィに関するお話をさせて頂く機会があったので、ずーーっと調べていました。 それこそ、作ってみたり、動画みたり、チュートリアル見たり…あれやこれやとまぁ、よくやったわと自分で自分を褒めてみたり… とは言っても、僕はタイポグラフィを学校や専門で勉強したことは無いので、その辺りは別の人にお話頂き、僕はとにかくWEB上での活用、情報収集面に注力させて頂いたのですが、本当に色々あってびっくら仰天。 とういわけで、今日はその時話しさせてもらった内容を。あーんど！僕が以前からお世話になっている物を加えてご紹介！ かなり、がっつりしたボリュ
DESK where creativity is born
You need Flash Player 10 and allow javascript to see the content of this site.
『こんな部屋にしたい！』時間の経過を忘れてしまう程美しいインテリアを紹介しまくってるサイト色々！ | バンクーバーのうぇぶ屋
将来、家族を持ったらどんな家にしよう… 次引越ししたらどんな部屋にしよう… フリーランスならどんなホームオフィスにしよう… パーティーするならどんな部屋だと良いだろう… 僕自身、何千回、何万回こんなことを考えたか見当も付きませんが、皆さんの中にもきっとそんなことを思い描くのが大好きな人はきっと多いはず。 ついこの間、Facebookの方で『DESK』というクリエイターのデスクを紹介しまくっているサイトを投稿させてもらった時の反応の多さに、「あぁ、やっぱり僕だけじゃないんだな」と改めて思いました。 僕もインテリアを眺めるのが大好きで、以前に僕の記事でも紹介させて頂きましたIDSに行って来た時から、とにかく色んなインテリアというインテリアを眺めては、将来自分が住んでみたい部屋を妄想し続けている毎日です。 …誰に向けた言い訳でも無いのですが、たまにはWEB以外のデザインを眺めて新しいインスピレー
これが2011年WEB屋に必要とされた厳選情報の数々！今年注目されたWEB屋ネタベスト20！ | バンクーバーのうぇぶ屋
さて、今回の記事は僕自身本当に楽しみにしていた記事のひとつです。 今日は僕が毎日色々な所から集める厳選したWEB制作ネタを投稿し続けている、FacebookやTwitter、そして周囲のWEB屋のオススメ、RSSで毎日読んでいる情報等、僕がWEB制作に携わる上で見てきた情報を、ゼーンブ集めてFacebookのLike数やTwitterのRTなどを参考にしつつ、ランキング形式でご紹介させて頂きます！ それでは、前置きなんかどうでもいいので、さっさと下記からバンクーバーのうぇぶ屋がまとめた、2011年最も注目されたWEB屋情報ランキングとしてご紹介させて頂こうと思います！ ※このランキングはあくまでバンクーバーのうぇぶ屋が運営するサイトやSNSを元にして集計した物になり、その他団体、企業に属するものではありません。 ※2011年リリースされたサイトや記事だけではありません、2010年とかに公開
デザイナーからデザインの基礎や原則を学べるエントリーまとめ（webデザイナ向け）
webデザインの入門書を買おうか迷っている方。 もしもそんな方がいたら、ネット上にはここを押さえておこうよと、webデザイナーが直接良質な記事を仕上げてくれていますのでそちらを是非一度参考にしてみて欲しいなと思いまとめて見ました。 また、その記事で、もっともぐっときた台詞もチョイスすてみました。 どんな想いで記事を書かれているかというのも大事かなと。 こちらもあわせてどうぞ。 Web制作をこれから始める人の為のスキル・HTML・CSS・ブラウザ・写真素材入手の基礎情報 とりあえず時間のない人はこの3つだけでも食べて デザインを勉強したことがない人でもデザインできるようになるかもしれない4つの基本原則 最初、デザイナーは型破りであるというイメージを抱く人も多いのですが、実際の現場では、様々な原則の上にあるルールにのっとり、そのルールを崩す「理由」があります。 例えばそれがセンスと呼ばれること
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
<836F83438393835F312E706466>
マテリアル デザインのガイドライン（日本語版）
http://www.designwalker.com/2009/07/web-design-trend2009.html