FigrFast-track your design process with our collection of editable Figma templates
デザインのスキルが確実に身につく良書！字詰めのやり方を日本人タイプデザイナーが徹底解説 -タイポグラフィにおける文字間調整の考え方
デザインのスキルを身につけたいと思った時に文字のデザイン、字詰めをあげるデザイナーは少なくないと思います。文字は、ロゴ、コピー、タイトル、見出し、本文のクオリティに影響を与える重要なデザイン要素です。 字詰めは感覚的な表現で解説されることが多いですが、本書では論理的に分かりやすく解説されており、デザイナーが直面する字詰めの疑問にフォーカスがあてられた非常に実践的な解説書です。欧文だけでなく、和文の横書き、和文の縦書き、そしてロゴについても詳しくていねいに解説された一冊です。 本書は本日発売！🎉 フォント・文字のデザインに携わるすべての人にお勧めです。特に今までのデザイン書や解説書を読んでみても、なんだかもやもやしていた人には本書の論理的な解説がぴったりはまると思います。 装丁も非常に巧みで、電子版より絶対的に書籍版がオススメです！ 手にしたときにワクワクを感じられると思います。
新しいデザインの教科書
【ご挨拶】 / 【目次】 / settings / 解釈が変わる写真 / ラインスケッチ / 感覚の変換による観察 / 蓋の分類 / 新しい分け方の基準 / バランスによる新しい価値 / 約束事を共有することで、読みとけるようになる四コマ漫画 / 丸を取り出す / ｷﾘﾄﾘﾑｼ / レイアウトが解釈を生み出す / モノをコントロールするための身体言語 / space / 「解釈が変わる写真」野中大
概要 | のせでんアートライン2019 避難訓練
2018年夏、大きな揺れと食器が割れる音で目が覚めました。すぐに「外に逃げなければ」と考えました。しかし、シャツもズボンも身につけていなかった私は同時に「裸で外に出てもいいのか」と考えて躊躇していました。私にとっての危機は「たとえパンツ姿だったとしても、余裕で外に脱出する」という瞬発的な思考が備わっていなかったことでした。知らないうちに自分の身体にまとわりついた習慣や認識、世の中で生み出されている空気感や規則性からいつどんな場所にいても身軽に回避するための、思考や経路を探る“避難訓練”が必要だと感じました。のせでんアートライン2019「避難訓練」は、能勢電鉄（通称のせでん）に乗って途中下車を繰り返しながら 、その先に無数に伸びた“経路”をひたすらに歩いて巡る芸術祭です。のせでん沿線は、今も活発に人々が行き交う街並み、あまりにも豊かな生態系と多様な信仰が残る山間部など、それぞれ異なる特徴をも
エンジニアだけのチームでデザイナーとしてできること：Hamee檜垣氏インタビュー
UXという考え方を組織に広めるために、試行錯誤されているデザイナーさんも多いのではないでしょうか？ 今回は、スマートフォンケースのECサイトやプラットフォーム事業などを運営するHamee株式会社のデザイナーさんに、組織にデザイン意識を広めるために行ったことについてお伺いしました。 檜垣 和之 氏 Hamee株式会社 Product Creation UI/UXデザイナー 宮城県石巻市出身。Web制作会社やフリーランスで多くのプロジェクトに参画し、Webサイト、スマホアプリ、デジタルサイネージ等のオンスクリーン全般のデザインを経て、現職にジョイン。現在は主にWebやMobileアプリの開発・改善に携わる。 ―最初に檜垣さんの仕事内容をお伺いしても良いでしょうか。 檜垣 和之 氏（以下、檜垣）：弊社は、大きくコマース事業とプラットフォーム事業という２つに分かれています。僕はその中で、主にプラッ
子どもがペットに見えない「迷子ひも」 試作した大学生が問う、社会の寛容さ
迷子ひもは、「幼児用リード」や「ハーネス」とも呼ばれる。幼児が急に車道に走り出たり迷子になったりするのを防ぐための道具だ。リュック型も多く市販されており、幼児の上半身と保護者の手がひもでつながれているスタイルが一般的だ。 日本では10数年前に輸入品が使われはじめたとされるが、たびたび議論が起きている。 2015年6月4日の朝日新聞の記事「幼児用リード じわり浸透？それとも違和感？」では、事故防止のために迷子ひもを使っている親を紹介。ネット上では共感する声がある一方で、「まるで動物のよう」「子どもを一方的に束縛している」「親がしっかり手をつなぎ、しつけをするべきだ」などの批判もあった。 「親が…」という批判の中には、「便利なグッズを使って、親がラクをするのはいかがなものか」といった安全面だけではない理由もある。 幼児の交通事故で最も多い「飛び出し」交通事故総合分析センターの交通統計（2014
優れたフォームをデザインする
サインアップのフローであれ、マルチビュー・ステッパーであれ、ありきたりのデータ入力であれ、「フォーム」はデジタル・プロダクト・デザインにおいて最も気を遣わなければならないものの1つです。 そこで、今回は一般的にフォーム・デザインで何をやり、何をやらざるべきかについてお話したいと思います。あくまで一般的なガイドラインですので、そのようなものとしてご理解頂いた上で、皆さんの参考になれば幸いです。
グラフィック デザイン & イラストレーション ソフトウェア | Affinity Designer
最高のイラストレーション & グラフィック デザイン ソフトウェア Affinity Designerは、デザインの世界に新たな業界標準を打ち立てた、受賞歴のあるベクターグラフィックスソフトウェアです。Windows、macOS、iPadで使用でき、きわめてスムーズで豊富な機能が揃ったこのアプリは、高品質のコンセプトアート、印刷物、ロゴ、アイコン、UIデザイン、モックアップを制作する、多くのプロのイラストレーター、ウェブデザイナー、ゲームデベロッパー、クリエイターに選ばれています。 今すぐ、6 か月間の購入義務なしの無料トライアルをお試しください！ トライアル後のサブスクリプションなし 一回限りの支払いで、macOS、Windows、または iPad 用の Affinity Designer を購入するか、ユニバーサル ライセンスを使用してすべてのプラットフォームでスイート全体を入手できま
UIがエロいMac App集
UIがとてもイケている『エロい』Macアプリを適当に挙げようと思う。 私が考えるエロいUIの条件： AppKitを利用したCocoa AppデスクトップアプリWebView, Electron, Flash, Javaなどの技術で構築しないHIGを守る／Apple純正アプリをリスペクトするWindowsのUIを基準にしないドラッグアンドドロップなど機能的にもMac OSの仕組みに従う独自UIで汚染しすぎないMac OSらしい色使いMac OSらしいアニメーション／インタラクションMac OSらしい言語表現（例えば「ウインドウ」「環境設定...」など）Mac OSらしいフォント（San Francisco, Helvetica Neue, Lucida Grande, Hiragino Sans, Menlo, Monaco...）標準的なメニューバーおよびキーボードショートカットよって例え
その文字、薄すぎない？ デザインにおける灰色の明度は何%が最適か
UX Movementにおいて記者、編集長を務めます。明快で効果的なデザインに美点を見出し、利用者のために払う労力を惜しみません。 一言で灰色と言っても、明るいものもあれば暗いものもあり、実に様々なバリエーションがあります。Webサイトなどでは、いたるところでお目にかかることのできる色でもあります。濃い灰色は主に見出しや本文に、薄い灰色はメタデータ、分類名、説明文に多く使われます。これらの色合いのうち、最も乱用されるのは薄い灰色です。 薄い灰色の文字の問題点 文字色として薄すぎる灰色は可読性に問題を起こしかねません。灰色の文字を薄くしすぎてしまえば、読者が読むにあたって支障をきたすことになります。文字の明度によっては、薄い色の背景に混ざってしまうのです。この現象は、単語や文字をぼやけさせ、判読を困難にします。無理に判読を試みれば、目を傷めてしまうでしょう。 また、薄い灰色の文字は読者の誘導
朝日広告賞を受賞していなかったら、ピタゴラスイッチもだんご3兄弟もポリンキーもI.Qも生まれていなかった。 東京藝術大学大学院 映像研究科教授 佐藤雅彦さん
インタビュー 2016.04.13 朝日広告賞を受賞していなかったら、ピタゴラスイッチもだんご3兄弟もポリンキーもI.Qも生まれていなかった 東京藝術大学大学院 映像研究科教授 佐藤雅彦 朝日広告賞受賞者の、受賞の頃のエピソードから現在の活躍までを紹介する『Ｎow&Then』企画。第2回目は、第35回で入選、第36回で朝日広告賞を受賞した佐藤雅彦さん。電通のＣＭプランナーとして数々のヒットＣＭを“独自の方法論”で生み出し、新たな広告セオリーを作り出した。電通退社後は、活躍の場を教育現場に移し、教育方法を学生と共に研究。幼児教育番組「ピタゴラスイッチ」や小中高生向けの教育番組「考えるカラス」なども企画・監修している。 佐藤雅彦 1954年静岡県生まれ。東京大学教育学部卒。電通を経て、1994年企画事務所TOPICS設立。99年より慶應義塾大学環境情報学部教授。2005年からは東京藝術大学大学
自作Vimカラースキーム「Iceberg」の配色戦略 - ここぽんのーと
itchynyさんのブログ記事を読んで、人のカラースキームの配色戦略を見るのはとても楽しい！と思ったので、自分も書いてみることにしました。 暗青系の落ち着いた配色でまとめています。 全体のコントラストを控えめにする感じ方は人によって様々ですが、真っ黒の背景に真っ白の文字では、個人的には目がチカチカして疲れてしまいます。 このため、Icebergではコントラストを落として、チカチカを防いでいます。背景は真っ黒ではなく、やや明るくした色を使用。前景は真っ白ではなく、やや暗くした色を使用しています。 背景には、うるさくならない程度に彩度を落とした色を敷いて、カラースキーム全体の雰囲気を出しています。 色数を絞るカラースキームを作る際にやってしまいがちなのが、色を使いすぎてしまうこと。 Vimでは、色を設定できる対象（＝ハイライトグループ）がたくさん用意されています。 これだけ充実していると、「使
なんという才能のムダ使い！どんな画像も映画のポスターにしてしまうコラージュ職人がすごい
海外の画像掲示板「reddit」のユーザー「Your_Post_As_A_Movie」さんはその名の通り、どんな画像も映画のポスター風にコラージュしてしまう職人さん。 もともとセンスある写真はもちろん、日常の何気ない風景を写した写真であっても、ちょっと見てみたくなるような映画のポスター風に変えてしまう。 元画像に合わせた映画タイトルが面白かったり、いかにもな俳優をキャスティングしていたり。ありがちなキャッチコピーも面白い。 【関連】 プロットめちゃくちゃだけどちょっと見たいかも？映画の中にゴジラを登場させた、無理矢理な映画ポスター14枚 【画像】こんなジブリなんて見た……いかも？洋風アレンジしたジブリ映画のポスター画像7枚 【画像】ある意味怖い。コレジャナイ感漂う、ガーナの手描き映画ポスター24枚 職場で居眠りした結果、コラ画像の素材となってしまった男 写真24枚 1. 2. 3. 4.
書籍『なるほどデザイン〈目で見て楽しむ新しいデザインの本。〉』刊行のお知らせ
よりよいデザインにするために、デザイナーが頭の中で考えていることを、作例などのビジュアルとともにわかりやすく解説したデザイン書籍『なるほどデザイン〈目で見て楽しむ新しいデザインの本。〉』が2015年7月31日に刊行されました。著者は、株式会社コンセントのアートディレクターの筒井美希。 本書は、デザインに興味があるすべての人に、楽しく読んで「なるほど！」と理解いただけることを目指し、3つの章で構成されています。 Chapter 1「編集×デザイン」では、まずはなんのためにデザインするのか、その目的を理解した上でその目的にふさわしいデザインを導き出すことの必要性を、目的別の作例を通して説き、さらに最終アウトプットとしてのデザインを考えていくまでの過程をプロセスを追って説明しています。 「デザイナーの7つ道具」と題したChapter 2では、デザインのコツや気をつけるべきポイントを、「天秤」や「
誰のためのデザイン？増補・改訂版を読んだ - ninjinkun's diary
自分が最初に元の誰のためのデザイン?―認知科学者のデザイン原論 (新曜社認知科学選書)（初版はPOETと呼ばれている*1 ）を読んだのは十数年前でした。4月に出たこの改訂版を読み返してみて、改めて感銘を受けました（そして内容をほとんど忘れていたのに気づきました）。 内容としては、エモーショナル・デザイン―微笑を誘うモノたちのために 、複雑さと共に暮らす―デザインの挑戦など後の書籍で検討された内容が盛り込まれて、ノーマン著作の集大成になっています。 自分がこの改訂版で注目しているのは、「6章デザイン思考」の追加です。 6章デザイン思考 正しい問題を発見するのがデザインである として、そのための手段としてデザイン思考が解説されます。 具体的にフレームワークとして取り上げられている人間中心デザインプロセスを見てみると、 観察→アイデア創出→プロトタイピング→テスト→観察… というサイクルになって
岩波文庫風ブックカバーで賢く見られたい
少々偏りすぎた本が並びまくっているウチの本棚。コレをもうちょっと知性漂う感じにするにはどうしたらいいのか……。 だったら賢そうなデザインに変えちゃえばいいんじゃ!? ……ということで、ザ・賢そう本である岩波文庫っぽいデザインのブックカバーを作ってみました。 1975年群馬生まれ。ライター＆イラストレーター。 犯罪者からアイドルちゃんまで興味の幅は広範囲。仕事のジャンルも幅が広過ぎて、他人に何の仕事をしている人なのか説明するのが非常に苦痛です。変なスポット、変なおっちゃんなど、どーしてこんなことに……というようなものに関する記事をよく書きます。（動画インタビュー） 前の記事：「ぎょう虫検査セロファン」の新しい使い途 ＞ 個人サイト Web人生
「ここをタッチしながらご覧下さい」→ すげえええええ！ 世界中から大絶賛、安室奈美恵の新曲MVがすごい
6月10日に発売される安室奈美恵のNEWアルバム「_genic」に収録される「Golden Touch」。この曲のミュージックビデオがYouTubeで公開され、その独創的なアイディアで国内外からコメントが集まるなど、注目されています。 再生を始めると画面中央に現れる「ここをタッチしながらご覧ください」の文字。言われたとおり、画面の真ん中に指を置きながら見てみると……うおおおおお！ 動画が取得できませんでした 映像にはドミノやトランプタワー、ゼリーなどさまざまなアイテムが次々登場。真ん中に指を置きながら見ると、音楽に合わせて崩れたり、ぷるんっと震えたりとさまざまなリアクションを見せてくれます。なにこれホントに触ってるみたい！ ここをタッチしながらご覧くださいとな？ 左から風船が出てきたよ 割れたああああああああ！ 今度はトランプタワー あああああああ！ 今度はドミノ 崩れたあああああああああ
デザイン変更するときキャプチャ撮りまくると捗る - ✘╹◡╹✘
これまではどちらかと言うとDBやWeb APIみたいな開発作業が多かったけど、最近はHTML/CSSを触るようないわゆるWebデザイン的な作業をする機運が高まってきた。あんまりちゃんとやったことが無いために年始から色々と考えてて、まあその結実としてキャプチャ撮ると捗るという体験があったので書き残しておく。ちなみにキャプチャは無い。あとでデザイン変えたやつ公開したら過程を整理して紹介できると良いと思う。 過程を残すと意見をもらいやすい 『藤村龍至 プロトタイピング-模型とつぶやき』という本の中に、プロトタイプとして建築模型をつくっていく過程の話がある。与えられた条件を元にまず最もシンプルな状態から始め、課題を見つけながら少しずつ改善を加えていく様子が実例とともに紹介されている。この作業を反復しながら適用していくことで、模型の状態を都度更新していく。この方法には、設計者以外の人でも設計過程を見
デザインは理屈で学べる！ エンジニア向けデザインメンター業が求められる理由について聞いた | HRナビ by リクルート
アイデアは面白いのに、どうもダサかったり、UIがわかりにくかったりするWebサービスに出会ったことはないだろうか。 それはもしかすると、デザインを知らないエンジニアが、ふわっとした感覚と印象で作っているからなのかもしれない。そんなエンジニアでも、デザインのセンスを身につけることはできるのだろうか？ プログラマー向けにデザインを教える“デザインメンター”赤塚妙子さんに話を聞いた。 プログラミングを学んだデザイナーが始めた“デザインメンター業“ 今年の1月から“デザインメンター業”を始めたフリーランス デザイナーの赤塚妙子さん。美大を卒業後、デザイン事務所に就職。その後、Webの世界へ足を踏み入れ、今ではRuby on Railsの開発に参加するまでになった。 「自分がプログラミングを覚える中で、デザイナーとプログラマーが歩み寄る感じが面白くって。デザイナーがプログラミングを覚えることはあるけ
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
未来のデザイナーは「コード」を学べと、ジョン・マエダは言う