読みやすさのデザイン備忘録 | 深津 貴之 (fladdict) | note
noteのコア体験は、「読む楽しさ」と「書く楽しさ」だと考えています。 本来ならコア体験は、調査でしっかりと導くべきものです。しかしアカデミックなUXとは異なり、実際のスタートアップ環境では時間とリソースに限界があります。このため調べながらも、走り出さなければなりません。 まず序盤はヒューリスティック（経験）ベースのデザインを行いつつ、調査やテストが可能なところから、裏づけやチューニングを行う流れになりそうです。 以下、「読書体験」における「可読性」のパートのメモ。noteチームにとりあえず提案する予定の諸々です（現時点では個人の見解です）。基本的には「当たり前のことを、当たり前に」やる予定。「これもやっとけ」的なことがあれば、タイポグラファーの諸先輩の方々には、ぜひご意見をお伺いできればと。 書体をサンセリフ系に変えるべきか？デジタルでは、一般的にサンセリフ体の可読性は、ローマン体よりも
デザイン力に伸び悩むあなたが劇的にブレイクスルーするための3つの解決策
デザイナーとして数年間のキャリアを積み上げた方なら、ある程度の実力を身に付けてきたと感じる反面、自分の成長が「停滞している」と感じることはないでしょうか。幾つもの仕事を経験し、デザインの表現や作業スピードには自信が付いた、これまでの経験に沿って仕事をこなすことで大きな失敗にはならないけれど、でもどこか大きく進歩もしない、そんな状況です。 私も20代後半、特にその悩みを感じることがありました。正直なところ、そうした自分の停滞を感じつつも、見て見ぬふりをしているような心境もありました。そこには、会社に所属していてある程度の実力があれば、目の前の仕事は経験則からそこそこの力でこなすことができるし、急に進退を迫られるような切迫した状況には陥らないことなどが影響していたと言えます。停滞に対して「そこまで急いで対処する必要はない」「いつかは変わる」と自分の今の環境を肯定していたのです。 しかしこうした
余分なものは省こう！美しいアプリに共通している「ゼロUI」とは？
Amazonの音声アシスタント "Alexa" を搭載したデバイス「Amazon Echo」をはじめ、IoT時代のデバイスには余計なボタンが付いていないことが多くなっています。こうしたデバイスは、基本的に手を使って操作するというよりは、音声を使って操作したり、あるいは全く操作しないようになっています。 実は、こうしたUI（User Interface）のほとんど（あるいは全く）ないデザインのことを、*「ゼロUI」*と呼ぶことがあります。この言葉自体は2015年頃から次第に使われており、IoTデバイスだけではなく、最近ではモバイルデザインにおいても意識されていると言われています。 それではなぜ、このようなUIのないデザインが注目されているのでしょうか。 今回は、*美しいアプリに共通して見られる「ゼロUI」*について、その概要やポイントをご紹介します。 一切のムダを排除したデザイン「ゼロUI」
都営地下鉄路線図の大江戸線を丸く表現したひと
都営地下鉄の駅や電車内に掲示してある、大江戸線が楕円で描かれたあの路線図は、東京にお住まいの方であればご覧になったことがあるひとも多いと思う。 今回、その路線図をデザインしたひとに、話をききに行った。
『NieR:Automata』のUIデザイン | NieR:Automata 開発ブログ
こんにちは。『NieR:Automata』で UI (ユーザーインターフェイス) とメカデザインを担当した木嶋です。開発ブログを書くのは『ベヨネッタ2』以来になります。(以前書いた記事) 普段あまり注目されないUIですが、ありがたいことにユーザーの方々からの要望があり、当記事を執筆することになりました。UIにもヨコオさんのこだわりがたくさん詰まっているので、その一部も併せて紹介していこうと思います。 ■はじめに：UIアーティストの仕事 UIアーティストは、体力ゲージや会話ウインドウ、各種メニュー画面などゲーム内表示物を作っています。 大まかな仕事の流れはこんな感じです。 1：UIのコンセプトデザイン策定 2：仕様に合わせて各メニュー画面や表示物のデザインを量産 3：UIのゲームデータを作成してプログラマーに実装してもらう 4：動くUIを触ってみてアニメーションなどの調整、クオリティアップ
デザインプロセスにあるイケア効果
イケア効果という認知バイアス 自分で作ったものだからこそ、特別な感情を抱いてしまいます。だからこそ成果物が否定されると、自分自身が否定されたかのように聞こえてしまうことがあります。自分は自分。成果物は成果物と切り分けて聞き入れるべきですし、話し手も成果物の課題に対してきちんとフィードバックをしたほうが良いでしょう。しかし、実際はそう簡単にはいきませんし、たとえ話し手が上手なフィードバックをしていたとしても、上手に受け入れられない場合があります。 人は自分で作ったものに対して特別は感情を抱いてしまうのは、デザイナーだけではありません。自分で作ったものに本来以上の価値を与えてしまう認知バイアスで、誰でも持っているものです。こうした状態を「IKEA effect（イケア効果）」と呼ぶことがあります。 IKEA の家具は組み立て前の状態で販売されており、組み立てるのは購入者です。コスト削減のための
本能は「逆三角形」に反応しやすい？見つけやすいパッケージの心理学 | THE BAKE MAGAZINE
こんにちは。BAKEのサイエンス担当、大嶋（Facebook）です。 私は、科学でお菓子をおいしくするBAKEの研究開発チーム「OPENLAB」の研究員をしています。普段は、BAKEの新商品開発や既存商品の改善における科学的な実験をするほか、「お菓子と科学」をテーマにしたウェブメディア”OPENLAB Review”を運営しています。 OPENLAB Reviewは、比較的科学やテクノロジーが好きな読者向けですが、これからは、その中でも特に人気だった記事を、THE BAKE MAGAZINEでも時々ピックアップしてご紹介させていただければと思います！ 今回のネタは「パッケージの心理学」。 パッケージデザインは商品との出会いを左右します。 たとえ商品は同じでも、デザインに引きがなければ、そのまま右から左に受け流されてしまいます。数ある商品の中からどうにかお客様の瞳の住人に
最近のデザインで使われている、ロゴ・ブランディング・Webサイトのガイドラインのまとめ
Webサイトやスマホアプリのレイアウトの構成・展開、UIエレメントのバリエーション、カラーの使い方など、デザインの定義がまとめられたスタイルガイドを紹介します。 ロゴやブランディングも引き出しを増やすためにも参考にしたいですね。
Interface Sketch
If you're designing a website or app, these simple templates are designed to help you sketch your ideas on paper. The templates are in PDF. Simply download a template, print out the pages you need and start sketching. You can print in colour or black-and-white; on laser or inkjet printer. Some of the templates contain a grid of dots to help with alignment when you sketch. These dots do not represe
UIデザインにユーザーストーリーが必要な理由
Tom Brinton氏はBYUを2012年に卒業した後、CitrusBits、Wallaroo Media、CustodyXChangeでUI/UX設計者として働いてきました。彼は優雅なインターフェースをデザインすることが好きです。 あるデザインチームが、クライアントの新しいアプリのモックアップについて話し合っているとします。すると、アプリがどのようにあるべきかついて、チームメンバーはそれぞれ 違う考えを持っているということが明らかになります。こうなると、ミーティングはすぐに、「何が正しいか」というよりも、「誰が正しいか」という議論になってしまいます。 誰もが自分のデザインを守ろうとしますが、誰もユーザーを守ろうとはしません。ひょっとしてあなたにも思い当たる節がありませんか？ このようなときにこそ、ユーザーストーリーを導入する必要があります。 最近では、UI/UXのプロがアジャイル開発で
Webデザインにおける『正直』とは
素材に正直であれ Webサイトの品質には、高い技術と表現を盛り込むという『上を目指す品質』と、どのような状況でも必要最低限の見た目と操作性を保証する『地を固める品質』の 2 つがあると説明しました。しかし、これだけではなくデザインにおける普遍的な考え方も品質に大きく関わっています。 ドイツのインダストリアルデザイナー Dieter Rams（ディーター・ラムス） が提案する良いデザインの十ヶ条の中には、良いデザインは正直であるという項目があります。製品を必要以上に大げさに見せるのではなく、ありのままを伝えること。素材や形状を生かし、機能を明確に伝えることをラムス氏は『正直』と捉えています。 Web デザインに限ったことではありませんが、素材に正直であることは良いデザインには欠かせないことです。これは、素材をありのままに使ってシンプルでミニマリストな表現をするという意味ではなく、素材の特徴を
誰も教えてくれない「分かりやすく美しい図の作り方」超具体的な20のテクニック
【追記】この記事をきっかけに、名著「ノンデザイナーズ・デザインブック」の20周年記念特典eBookの制作に協力させていただきました。詳しくはこちらを御覧ください。 ノンデザイナーズ・デザインブック20周年記念の特典に寄稿しました デザイナーである・なしに関わらず、仕事の中で伝えたいことを「図」で説明する機会は多々あります。提案書で事業内容を説明することもあるでしょうし、具体的な数値をグラフで説明することもあるでしょう。そんな中でこんな指摘を受けたことはありませんか？ ・最終的に何を言いたいのか結論が見えないよ。 ・関係性が複雑すぎて理解しずらいんだけど。 ・要素が多すぎて全てを把握するのが大変。 ・何をどこから見れば良いの？ ・結局一番言いたいことはなんなの？ ・文字サイズがたくさんありすぎてまとまりがないね。 ・安っぽいチラシみたいでダサイなぁ。 ・全体的にバランスが偏ってて不安定。 ・
わたしのデザインセオリー（写真マスク編） - デザイナーのイラストノート
この記事は「Webデザインセオリー Advent Calendar 2015」の11日目の記事です。@striveさんの「Webデザインの価値と効率を上げるため意識していること Webデザインセオリー Advent Calendar 2015」というとても戦略的でいい記事から一点、小手先の話ですみません・・・！ デザインに写真を使うときにわたしがよくしていること 「デザインセオリー」というと「これをやればデザインはOK！」みたいに聞こえますが、もちろんそんなことはなく、自分が画像をトリミングしたりマスクするとき、イメージや印象を伝えるために、どんな手法をよく使うかということを実例を交えながらご紹介します。 グラデーションマスクにこだわってみる メインイメージなどで、写真の上にメッセージを重ねるのはよくある手法ですね。例えばこの緑をバックにした女性の写真を使用して、上に文字を重ねましょう。
Photoshop CC 2015.5の新機能は便利なのがいっぱい！正確な切り抜きや選択範囲を作成するのが簡単ですごい！
2016年6月20日に、AdobeのCreative Cloudがアップデートされました。バージョンは、2015.5と「.5」がついただけですが、前回の2015.1から、4つ飛ばしになり、新機能がかなり搭載されています。 Photoshop CC 2015.5の魅力的な新機能を紹介します。 誰もが恩恵を受けるのは「フォントリストの読み込みが4倍速」になったことでしょうか。これによりロード時間が圧倒的に早くなりました！ 地味ですが、こういうアップデートは非常に嬉しいですね。 Adobe Photoshop ※Adobeの画像の掲載にあたり、Adobeの広報様に許可を頂いています。 Photoshopで「カワイイ」「笑顔」「小顔」が簡単に作れる 「コンじる」が大幅にパワーアップ、新機能も登場 正確な選択範囲とマスクの切り抜き作成が簡単に、しかも速い 字形の機能が強化、フォントのスワッシュも簡単
作業がグッと捗る、取り入れたいPhotoshop時短テクニック17個まとめ - PhotoshopVIP
作業がグッと捗る 、 取り入れたいPhotoshop時短テクニック17個まとめ 24 Tips, Tricks, and Hacks for Adobe Photoshop CC Photoshopのデザイン制作をスピードアップできる、あまり知られていない時短テクニック17個をまとめてご紹介します。デザイナーが覚えておきたい、ショートカットキーを使ったテクニックを中心に、よりスムーズなデザイン体験を実現することができます。 参照元@ : 28 Powerful Hidden Tips, Tricks, Features! - TutVid
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
夫が言った「料理のレシピを路線図にしてみたい」
【C92】Blue Magia | pastyle
マテリアルデザインでやってはいけない68のこと（間違いチェックリスト）
山の上デザイン株式会社 | 大分市のイラスト制作・デザイン事務所
太刀川英輔 | 「関係性」と「美」をつなぐデザインから、 イノヴェイションが生まれてくる « INNOVATION INSIGHTS
