デザイン思考が生んだ、問題解決というデザインの「誤解」 イノベーションを促進する方法として、2000年代のビジネス界に瞬く間に広まった「デザイン思考」。しかし、そのなかで「デザインは問題を解決するためのもの」という誤った意識が強まってしまったと、あるデザイナーは警告する。 2023.06.01 アップルの台頭とともに高まった企業のデザインへの関心。 その流れを追い風に広まったのが「デザイン思考」ではないだろうか。 しかし、そのなかで「デザインはアップルの成功を追随させてくれるもの」「デザイナーは問題を解決する人」という認識も強まってしまい、デザイナーの役割を窮屈にしててしまった——ノースカロライナ州立大学グラフィックデザイン学科助教授で、自身もデザイナーのジャレット・フラーは言う。 では、デザイナーの真の力を発揮するためにもつべきマインドセットとは何か？ フラーはスウェーデン政府イノベーシ

皆さん、「テレ朝UD」はご存知でしょうか？ テレ朝UDは、テレビ朝日の長年の経験に基づくテレビテロップの知見と強いこだわりを、フォントワークスのフォント制作の技術で実現したオリジナルフォント。2022年10月から以下の報道番組のテロップに使用されています。 2022年10月からテロップに「テレ朝UD」を使用している報道番組テレ朝UDの開発背景や、書体の特徴については、フォントワークスのコーポレートサイト「もじがたり」で紹介されていますので、ぜひそちらもチェックしてみてください。 そしてもじがたりの取材のため、テレビ朝日 コーポレートデザインセンターにお話を聞きに行くと耳に挟んだ編集部。これはじっとしていられません。「何か面白い話がうかがえそう！」と取材に同行させてもらいました。 テレビの現場の方にお話を聞けるなら、やはりデザインについて勉強させていただきたい！ 「ニュースの画面ってどんなふ

でゅら @rahandu アプリケーション全般でそうなんだけど、モニターの解像度がでかくなるにつれて、デザインは余白を作りたがるのなんなんだろう 広くなった意味がないし古いデバイスで作業しづらいし良いことないと思う twitter.com/ichirowo/statu… Lacnor @Lacnor_JP ボタンを、形はそのままで、グラデーションと枠を無くして、コントラスト強めな単色で構成してくれれば、使い勝手そのままでナウくなると思いましたまる twitter.com/ichirowo/statu…

2020.1.14.   一番下に後日談追記。 「読みたいことを、書けばいい。」という本を買った。 noteをはじめたことで、そもそも文章ってどう書くのかとか、わかりやすい文章ってどういうことなのかが気になっていたから。 学びたい欲求が出たときはすぐに行動に移すと吸収が違う。 だから買ったのに。 まず表紙からそうはさせてくれないのである。 なんだこのフォントは。 思わず読もうとする手をとめた。 まず、この「を」に注目してほしい。 タイトルの文字「読みたいこと」と「書けばいい。」と比較して、太さ（以下：ウエイト）は同じに見えるが、文字の雰囲気が異なっていることが分かる。 くるっとなってるこの部分。 ここだけ筆の流れを感じさせるような繋がりがある。 もし他の文字と同じルールで作るのであれば、こうするのが自然だ。 デザイナーさんがニュアンスを加える為に、アレンジして作った文字なのだろうか。「A1

JISのピクトグラム（図形）は看板や標識などをデザインする人たちには馴染み深いものです。 上の図などは誰もが目にしたことがあるでしょう。 JISのピクトグラムをそのまま使っていないにしても、参考にしているデザイナーも多いと思います。 この図はJIS（日本工業規格）という団体がつくっており、より多くの人へわかりやすく情報を伝えることを目的にデザインされています。 そのピクトグラムの色が、今年2018年4月に改定されました。http://www.meti.go.jp/press/2018/04/20180420006/20180420006-2.pdf 改定目的は下記の通りです。 今回の改正では、（中略）世界に先駆けて、一般の人だけでなく多様な色覚を持つ人だれもが識別できる色を選定し、規格に採り入れました。 信号機に代表されるように、色は情報を伝えるための重要な要素の一つです。海外にいったとき

いま話題のツイートまとめが読めるTwitterまとめに特化したまとめサイト。人気のツイートやTwitterトレンド、写真やマンガといった話題の画像から、さまざまなニュースの反応まで、みんなであつめる国内最大級のメディアプラットフォームです。

久保田ナオ|ブランディングするひと @9botanao 一般の人が思ってるデザイナー像と、実際のデザイナーの姿の違いをイラストにしました。 私達は特別な才能があって、アイデアが天から降ってくるのを待っているのではありません。 沢山調べて研究して考えてアイデアを取捨選択し、ようやく一つの結論に辿り着いているんです。 #デザイナーあるある pic.twitter.com/UydvICbMDD 2018-06-14 11:24:21

アイデアに詰まったら！イケてる事例が見つかるWebデザインのギャラリーサイト38選2022年2月8日 Webデザイナー Webデザインをしていると、アイデアに行き詰まってしまうことってありますよね。そんなときにギャラリーサイトを見てみると、インスピレーションが刺激されて行き詰った状況を打破できるかもしれません。 本記事では日本と海外の海外ギャラリーサイトを全38個まとめてご紹介したいと思います。日本と海外のギャラリーサイトをWebサイトとパーツ別にそれぞれ分けているので、4部構成でお送りします。 ＜この記事に関連する記事＞ アイデアが浮かばないときに参考にしたいブログ9選 スマホサイトのWebデザインに！参考にしたいまとめサイト9選 おしゃれなポートフォリオサイトのおすすめ20選！参考にしてかっこよく作ろう 目次 日本のギャラリーサイト（Webサイト） 日本のギャラリーサイト（パーツ別）

スライド内で参照しているリンク先一覧 http://matome.naver.jp/odai/2145969573620076801 2015年12月26日（土）、ソラシティホールで開催したShift9：Webデザイン行く年来る年（CSS Nite LP43）のフォントセッションから http://cssnite.jp/archives/post_2859.html Read less

インフォグラフィックスの潮流　情報と図解の近代史 Published: 2016-02-01 Price: 定価3,080円／2,800+tax jp yen ISBN 978-4-416-11549-7 ORDER Amazon.co.jp 「order」のリンクより(株)誠文堂新光社サイトのオンラインショッピングをご利用いただけます。送料やお支払いについての詳しい情報は、同サイトの案内に従ってください。 永原康史 著『インフォグラフィックスの潮流　情報と図解の近代史』の電子版がリリース！ 【電子書籍のご購入はこちら】 Kindle: www.amazon.co.jp/dp/B0811L94FS honto: honto.jp/ebook/pd_29999059 楽天ブックス: books.rakuten.co.jp/rk/031fa1d6c29b3f428fd71722fdd82110

要約：Executive Summary 亀倉雄策（1915-1997）のエッセイ集『曲線と直線の宇宙』（1983）を、図書館へ行って読んできました。 読んでいる途中で、何回か腰が抜けました。 そこに、ほぼ「答え」が書いてあったからです。 なんだこれ。 ほぼ「答え」一覧 ほぼ「答え」が書いてあったのは 絵とデザインの違い デザイナーとは・デザインとは 東京1964のシンボルマークに込めた思想 です。このあと抜粋して紹介します。 読んだ動機 Twitterに「亀倉雄策bot（@Y_kamekura_bot）」というアカウントがあって、こんな具合にちょいちょい気になるツイートをしてきます。 ～ほとんど、この日本の赤は避けて通っている。何故かというと、この色を選んだらどんな色も配合しにくいからである。私の経験によると、この赤に合う色は、ほんの僅かに限られている。先ず、白、そして黒、そして金である

デザイナーも研究者もゼロから何かを生成することはできない。 やれることはAとBという複数の概念を組み合わせてCという新しい概念を作り出すこと。 その新しい概念Cが優れているかどうかというのは別の問題。 小保方氏の場合は、その作り出したはずの新しい概念自体が偽り（詐欺）なのが明白だった。 だからこそ同業者に叩かれることになった。 仮に詐欺でなかったのなら有用であることは確かだったから、あれほどの大騒ぎになった。 一方、佐野氏は作り出した概念が偽りであるかどうかは見る人によって判断が異なる。 色を変えたり位置を変えたりしただけでも新しい要素を加えたという見方もできるし、そうでない見方もできる。 シンプルな構造である場合は特に、真似るつもりがなくても何らかの先行事例に似てしまう可能性が否定できない。 だからこそ同業者の対応は同情的だったと考えられる。 仮に詐欺的な行為がされていたとしても、それが

Private content!This content has been marked as private by the uploader.

デザイナーのありさんです。 LIGが運営しているWebクリエイタースクール「デジタルハリウッドSTUDIO by LIG」で、授業の講師を担当することがあります。今回は、デザインを勉強している受講生さんに個人的におすすめしているデザインの勉強に役立つ本を25冊ご紹介します！ 同じジャンルの本を1冊ではなく何冊も読むと、同じことをいろいろな切り口で説明してもらえている気がして理解が深まります。なのでいつも本はいっぱい買っちゃう派です（笑）。そのなかでも初級〜中級者の方向けにおすすめの本をピックアップしています。 独学でつまずいていませんか？ Webデザインを効率的に学びたい、転職・就職を目指している、誰かに教えてもらいたい……という方は、「スクールでの勉強」もおすすめです。どんなスクールがあって、どんな内容が学べて、費用はどれくらいするのか、情報として持っておいて損はないはず。下記におすすめ

1. レスポンシブ ウェブデザイン基礎 Responsive Web Design Basic ・ レスポンシブ・ウ ブデザイ ェ ン基礎 Responsive Web Design Basic こもりまさあき 2012. 06. 11 at Yahoo! JAPAN | Komori, Masaaki 2. レスポンシブ ウェブデザイン基礎 Responsive Web Design Basic ・ 自己紹介 こもりまさあき http://blog.gaspanik.com  http://protean.im 1990年代前半に都内のDTP系デザイン会社にてアルバイトをはじめる。大学卒業後 そのまま正社員となり、入出力業務、デザイン業務、ネットワーク関連業務に並行し て従事。2001年、会社を退職しそのままフリーランスの道へ。案件ごとに業務内容 や立ち位置が異なるため、職域的な肩書きは

先日このブログをリニューアルさせて頂いた旨をご報告させて頂きましたが、今回のリニューアルの主目的だったレスポンシブデザイン化について、とにかく効率優先で作業させて頂いた時のリソース関連や情報を一度僕自身の忘備録として抜粋してまとめさせて頂こうと思います！以前別のブログを作った時もそうですが、基本僕はとにかく効率重視派です。細部に渡る美しいデザインや、ガリガリのプログラミング。標準に法ったコーディングとかはその道のスペシャリストが仲間内に居るので、今回も僕は効率化に焦点を当てています！ ご紹介させて頂くのは主にFacebookやTwitter周りで共有させて頂いてきたリソースばかりですが、実際に使ってみると見えてくる注意点や、戸惑った部分、周りのデザイナーにも知っておいて欲しい部分等が見え隠れしてきたので、まずはその辺りを中心に、作業ステップ毎に簡単にご説明させて頂こうと思います。 僕と同じ

オンラインで手軽にレシポンシブWeb デザイン対応のテンプレを生成できる というジェネレーター・responsify.it のご紹介。グリッドレイアウトにも 対応可能です。 この手のはいくつか同じツールがありますけど、これはかなり使いやすい印象でした。操作もシンプルですし、スターターキットを生成するのに使えそうです。 レスポンシブWebデザイン対応のテンプレートを手軽に生成出来るグリッドの調整が可能なジェネレーター。スマフォやタブレットでの表示確認も出来ます。 操作感はよくあるグリッドレイアウトのテンプレジェネレーターと変わりません。 使い方は上図の通りです。 ダウンロードできるテンプレートにはjQuery、modernizrが装備されており、IE6と7にも対応したclearfixも含まれていました。総合的に見て、結構いい感じのジェネレーターじゃないかなと思います。 Responsify

先日、「レスポンシブWebデザインのウェブサイトを半年運営してみて思ったこと」という投稿をした際に、その内容に関するTwitterでのやり取りの中で@shokutoさんから以下のコメントをいただきました： @rriver そうですね、なぜレスポンシブデザインという手法を採用したのか、がもう少し説明されていると良かったなと思いました。新しいから、だけではないと思いますし、設計思想的なものって評価として重要な要素ですので。 — sunami hokuto (@shokuto) May 2, 2012 たしかに、「なぜレスポンシブWebデザインを採用したのか」は、すごく重要な部分ですよね。 ということで、以下にまとめてみました。前回の投稿と同様に、これからレスポンシブWebデザインを導入したいと考えている方の参考になれば幸いです。 僕が携わった大学ウェブサイトのリニューアル・プロジェクトで、レス

iPhone、iPadを基準にした数値が目立ちます。 レイアウトをPC、タブレット、モバイルで変更すると考えた時に、 代表的なデバイスでありユーザー数も多いiPhone、iPadが基準になるのも自然な流れかも知れません。 しかし、例えばブレークポイントをiPad基準にした768pxにすると、 幾つかのAndroidタブレットは800pxなのでこれらのデバイスにはタブレット用のレイアウトが適用されません。 ブレークポイントの数 少ないサイトは1〜多いところでは十数のブレークポイントを設けてるサイトもあります。 ただし、多く設定してるサイトもその全てでレイアウトが大きく変化する訳ではなく、 ごく一部のコンテンツのみ調整するといった使い方をしています。 例えば下記のサイトでは1300pxを境に境界線(.splitter)のみスタイルが変わります。 Remodelista: Sourcebook