紀伊國屋の渋谷店が、女性向けの企画とやらをツイートして盛大に叩かれていた。 ツイートやコーナーに飾られた企画説明によると、女子の意見を一切聞かずに、書店の男性店員が選んだ女性に読んで欲しい本という企画で、女性客を馬鹿にしてんのか、っていう文章のオンパレードだった。 https://twitter.com/96neco46usa/status/551010716845486081 https://twitter.com/m_sio/status/551010069215580163 本を楽しむ自由さを、ドヤ顔で全力でつぶしにきてる感がすごい。 そして、ヘテロ恋愛市場になんでも持って行こうとする安直な姿勢。 元ツイートは、予想外の反応に焦ったのかすぐに消されてしまった。 このフェアも撤去するらしい。 （フェアっていうか、小さいコンテナにおすすめの本とがっくりくるようなポップ飾って乗っけてた小さ

2014.11.19 / UI 画面遷移に疑問を感じたあなたにオススメするUI Flowsというツール Tomohiro Suzuki クライアントやディレクターから渡された画面遷移図を元にワイヤーフレームを作ってみると、後から足りない画面が次々に発見された、または画面内の情報がどこに繋がるのか分からないといった経験はありませんか？ この画面遷移図というものは本来は制作範囲の全体像と構造を明確にし、必要な画面というものを洗い出したりするものです。通常のWebサイトであれば、従来のような画面遷移図でも問題ないかもしれませんが、多くのインタラクションが発生するサービスの設計では複雑化しやすく、何度も情報を行き来して確認することになるため時間がかかります。 原因のひとつとして、画面遷移図では画面名のみを記載して繋げていくことになるため、必要な情報が不足していることが挙げられます。その結果、本来で

前書き 「一緒に働いている以上、プログラマのことを理解して仕事をしたい」そう考えている企画・ディレクションの方は経験則的に少なくない。 ノンプログラマから見て、プログラマの仕事はイメージが湧きづらく、何故その工程にそこまでのコストをかける必要があるのかわからない事が多い。 プログラマは作業の必要性を説明してくれるかもしれないけれど、専門用語も多いしイマイチピンとこなかったりする。 ここで重要なのはまさに「イメージ」だと思う。すなわちイメージを提供するための良質なメタファーだと思う。メタファーが良質であれば より直感的に理解できる。 実際メタファーの力はバカにならない。「Chef」も「Jenkins」も それぞれ 統一的な世界観が学習者の直感的な理解を後押ししてくれる。 というわけで、今回から数回に分けて なるべく「技術的な話」をせずに イメージを想起しやすいストーリーを導入することで プロ

本記事ではデザイン・アートの基本中の基本、「配色・色彩・彩度明度」という色にまつわる基礎知識をスクーの授業を元にご紹介。中学校の美術の時間に少し取り組んだくらいで、美術系の大学や専門学校に通っていないと触れる機会がない色についての知識。情報を正しく伝達するデザインをするために、誰もが知っておきたい理論ありきの配色選びを東洋美術学校の授業、『明日から使えるデザイン基礎理論【配色、タイポグラフィ、レイアウト編】』から学んでいきます！ ■目次 1.配色ってなに？ 2.色相、色相環ってなに？ 3.明度ってなに？ 4.彩度ってなに？ 1. 配色ってなに？ ”種々の色を取り合わせること。色のとり合わせ。”(wikipedia「配色」より引用） 色相・明度・彩度という色の三属性、モノサシを調整し、然るべきところに置くこと。 デザインや、イラストレーションに取り組むときに専門知識があると拠り所になりそうで