Huemint - AI color palette generatorColor palette generator Huemint uses machine learning to create unique color schemes for your brand, website or graphic Launch
デザイナーが活躍するために必要な一貫性とは
作り続けるだけだと小さくなるデザイナーがデジタルプロダクト（web サービスやアプリなど）に貢献できることは山ほどあります。しかし、デザイナーの視点で気になるところを改善しても組織からの評価は上がらないですし、ユーザーにも大して価値提供ができない場合があります。デザイナーのもつユニークな視点はプロダクトに多大な価値を提供できる可能性を秘めているものの、ただデザインしていれば自然とうまくいくわけではありません。 さらにやっかいなことに、デザインの依頼が次々とやってきます。「あれを作って欲しい」「これを試して欲しい」といった要望は絶えないので、ついつい受動的な動きになってしまいます（一概に悪いコトではないですが）。能動的なデザインの仕事をするために視座を変化させなければ、いつまでたっても、周りから来る依頼をさばく以上の活動ができません。そうした状態が続くと、少しずつデザイナーの仕事範囲は小さく
パッケージデザインに与えるインフレの影響 デザイン会社 ビートラックス: ブログ
コロナや戦争による物流危機や転職ブームの影響で、アメリカではこの1年間でインフレ率が7.9%にまで登っている。これは前代未聞の状況。 当然のように物価は高くなり、商品の値段も爆上がりしている。その一方で、値段をそのままに、中身の量を減らすことで辻褄を合わせている商品もある。 価格アップ以外に企業が行っている施策例値段を上げる以外にインフレに対応する方法として下記のような例が挙げられる。 個数（量）を減らす。ピースを小さく縮める嵩増しでサイズが変わってないように見せる製品の品質を低下させるパッケージの中に余分なスペースを空けるデザインでユーザーを錯覚させるしかし、あまりに露骨に量を減らすと消費者にネガティブイメージを与えてしまうので、パッケージを上手に “ごまかす” ことで、その影響を最小限に収めようとする動きもある。 底上げ、錯覚、確信犯。パッケージデザインのダークパターン例この消費者やユ
UIデザインのための心理学：33の法則・原則（実例つき） | ベイジのUIラボ
ユーザーが「使いやすい」と感じるアプリケーションは、良いUIデザインで設計されているともいえます。良いUIデザインでは、ユーザーの認知負荷を下げる工夫がされています。認知負荷を下げる仕組みを知るには、心理学とUIデザインの密接な関係を理解することが重要です。 行動心理学や認知心理学の発展により、人間の感情や行動は、脳の仕組みに基づいて様々な法則に当てはめられることが分かってきました。UIデザインでも、心理学を活用したアプローチでより良いユーザー体験を生み出すことができます。特に業務システムのような複雑なアプリケーションでは、メニューや画面レイアウトなど幅広く活用できます。 今まで心理学はマーケティング領域で応用されることが多く、ウェブサイトやアプリケーションのUIデザインで語られることはそれほど多くありませんでした。そこで本記事では、人の様々な心理現象や認知の法則を、UIデザインに活用する
まだCMYKで消耗してるの？〜大幅な色補正をCMYKで行ってはいけない理由〜
カッとなってつけた（タイトル）今は反省している。 正確には、「CMYKモードでの色調補正は微調整に止めるべき」理由、です。入稿データを問答無用でCMYK変換してから補正する方に向けて書いてます。 注意）この記事にはCMYK変換方法についての内容はありません。
「デザイナー」消滅の危機？専門職の概念がなくなる時代 デザイン会社 ビートラックス: ブログ
ビジネスにおけるデザインの重要性が高まるにつれ、自ずとデザイナーの重要性も高まっている。 同時にデザイナーの守備範囲も広がり、見た目を装飾するだけではなく、プロダクトの体験設計、組織仕組みづくりや経営判断に関わる部分まで、デザイナーの役割が及び始めている。 業績にインパクトを与える企業のデザイン性それに伴い、デザイン思考などのメソッドを利用して非デザイナーでもデザイナー的なマインドセットを身につけることに注目が集まっている。 というのも、世界的に見ても企業の業績とデザインの関連性がデータとして示されている。例えば、マッキンゼーの調査でも、デザインを経営に活用している企業は平均と比べ、売り上げの伸びが32%もアップし、株主へのリターンも56%高くなっているという結果が発表されている。 それもあり、経営者も投資家も、デザインオリエンテッドな企業に変換していくことが急務なのである デザインオリエ
あの「HG創英角ポップ体」の元となった直筆生原稿を見た
まちを歩くと、なにかとめにつく「HG創英角ポップ体」。ポスターや看板などあらゆる場所でみかける。 たまに、シリアスな注意書きの看板に、にぎやかでたのしげな雰囲気のポップ体がつかわれたりして、おもしろ写真としてネットで話題になったりする。 そんな「HG創英角ポップ体」をつくったひとはどんなひとなんだろう？
あなたの組織でデザイン指標が使えない理由とその対策
デザイン指標を作っても失敗するパターン プロダクトを通してユーザーに価値提供できたか評価するためにデザイン指標は欠かせない存在です。書籍を読むなどして学習すれば指標は作れるようになりますが、その指標を使って Web サイトやアプリなどのデジタルプロダクトを評価し、改善するような体制を作るのは簡単なことではありません。 そもそもユーザーに価値提供できているかを評価することが、プロダクトに携わるデザイナーや開発者の評価に結び付いていない場合があります。現場では「ユーザーに価値提供したい」という気持ちで仕事をしていたとしても、自身とプロダクトの評価と結び付いていなければ、ただ指標を計測しているだけになります。 デザイン指標との相性が良くないのは、プロダクトを作る人たちの評価が売上目標に直結している組織です。 そういう組織では、ユーザーの課題解決ではなく、いかに売りやすくするかを優先しがちです。特
なぜ日本にはデザイナー出身の経営者が少ないのか デザイン会社 ビートラックス: ブログ
先週、日本デザイン学会主宰の「2020年度 日本デザイン学会 秋季企画大会」というイベントに登壇させていただいた。 セッションテーマは「チーム・クリエイション」。デザイナーを取り巻くチームとビジネスに関するトピックだったため、自分が感じている「海外から見た日本の状況」について触れさせていただいた。 というのも、最近ではビジネスにおけるデザインの重要さが叫ばれている。 マッキンゼーの調査でも、デザインを経営に活用している企業は平均と比べ、売り上げの伸びが32%もアップし、株主へのリターンも56%高くなっているという結果が出た。 その割には、日本企業におけるデザイナーの役割と立場がまだまだ地味で、ビジネスの根幹に入り込めていないように感じていたから。 数字で証明されたデザイン経営の重要性 デザイン責任者を配置している海外企業一方で、海外、特にアメリカのスタートアップでは多くのデザイナー出身者が
【商用無料】シンプルなUIデザイン向けベストSVGアイコンライブラリ42選
アイコンは、UIデザインにおいて重要な役割を果たします。 メッセージを伝え、独自のブランド観をデザインで表現できます。 しかし、アイコンひとつずつを作成するには時間だけでなく、当然スキルも必要です。 また、プロダクトデザインなどでは、プロジェクトの進行に応じてアイコンは変更されがちで、何度も修正することもあります。 解決法はずばり、どんなプロジェクトに対応するアイコンライブラリを利用すること。 今回は、無料で使えて、クリエイティブな時間を節約できる、高品質な無料SVGアイコンライブラリをまとめてご紹介します。 あらゆる案件に対応できる豊富なファイル形式 豊富な収録数に加え、サイズや配色などのカスタマイズ性、モダンデザイン対応のヴィジュアル性もアピールできる、使い勝手の良いシンプルなアイコン素材が揃います。 MITライセンスで、商用利用も可能なオープンソースの素材が中心で、クライアント案件で
北欧のUXデザイナーが日本の文化から学んだこと
Usable MachineのUXデザイナー/Design Matters。デザインと技術に関して書くことが大好きなデザインオタクです。 日本人は、複雑なデジタルテクノロジーを使いこなし、伝統文化からインスピレーションを引き出すことの本当の意味を理解していると言えます。私たちは北欧のデザイナーとして、日本のデザインと文化から学ぶべきものを見つけたいと思いました。そこで私たち、Design MattersのJulieとMichaelは、デジタルデザインの新しい視点を見つけるために東京に５日間、滞在してみることにしました。 日本はデザインの文化においてクオリティの高さは良く知られていて、特にテクノロジーの分野で高い評価を得ています。しかし、日本のデジタルプロダクトと非デジタルプロダクトのデザインはまったく異なることに気が付きました。インテリアデザインを始めとした日本の非デジタルデザインについて
[Webデザイナーさんへ] そのデザインがコーディングしにくい理由と、改善ポイント詳説 | 東京のホームページ制作 / WEB制作会社 BRISK
[Webデザイナーさんへ] そのデザインがコーディングしにくい理由と、改善ポイント詳説 更新日：2019/12/27 Webデザイナーにとって、自分のデザインがコーディングしやすいのかどうかは意外と気になるもの。 コーダー側は受け取ったデザインを粛々とコーディングするだけなので、あまり「こうしてほしい」と声を上げることはありませんが、デザイナーの観点だけでは気付きにくい問題が埋もれてしまっているかもしれません。 ということで今回は、日々のコーディング作業で気になった覚えのあることをどどんとまとめてみました。 このデザインだとどんな風に困ってしまうのか、そしてどう変えれば改善できるのか、なるべく具体例を挙げて説明していきます。 どのデザインツールでも共通の内容が多いと思いますが、基本的にはPhotoshopでの作業を想定しています。 常識的な内容も多いので、そのレベルは当然できてますという方
![[Webデザイナーさんへ] そのデザインがコーディングしにくい理由と、改善ポイント詳説 | 東京のホームページ制作 / WEB制作会社 BRISK](https://cdn-ak-scissors.b.st-hatena.com/image/square/61015d8f4b04fb0dced52a6a21c4bd7213a4ba99/height=288;version=1;width=512/https%3A%2F%2Fb-risk.jp%2Fwp%2Fwp-content%2Fuploads%2F2019%2F12%2Fcode-friendly-kv2-1.png)
UIとしてのスプラッシュ画面 | UXデザイン会社Standardのブログ
アプリケーションを起動した時に表示される画面をスプラッシュ（Splash）画面、またはローンチスクリーン（Launch Screen）と呼びます。アプリケーションにおいては、ユーザーが操作することのできない数少ない画面でもあります。 iOSではこのスプラッシュ画面はストア申請時に必須であり、使用するアプリケーションの向きや、対応デバイスのサイズに適しているものを提供する必要があります。個人的感覚ではありますが、いつもアプリケーションのビジュアルデザインや、アイコンのデザインが完了した後に即興で作られるということが多いのではないでしょうか。しかし、適当にスプラッシュ画面を作成するのではなく、サービスの性質や通信の有無などを考慮してデザインする必要があります。 ここで一旦、AppleのHuman Interface Guidelineを見てみましょう。 起動画像は、アプリケーションが起動するま
UIのデザインでよく見かける、目の錯覚による違和感を取り除くデザインテクニックのまとめ
WebページやスマホアプリのUIをデザインした時に、数値上は均整がとれているのに、人の目の錯覚で違和感を感じることがあります。ちゃんと揃えて配置したのに、同じサイズなのに、同じ色なのに、なんだか違和感があることはありませんか？ この目の錯覚による違和感を取り除くUIデザインのテクニックを紹介します。 Visually distorted - when symmetrical UI looks all wrong by Gil Bouhnick 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様にライセンスを得て翻訳しています。 01. ボタンと同じ色だとテキストは明るく見える 02. 同じフォントでも小さいサイズだと細く見える 03. 背景画像の上のテキストは読みにくい 04. 行間が間違っているテキスト 形の扱い方 05. 整列されたのに揃っているように見えない
文字デザインの基本装飾10パターンを紹介【参考例あり】
こんにちは、デザイナーの花ちゃんです！ 自社デザインチームで働いています。 LIGに入社してから作成したLIGブログのアイキャッチは300枚を超えました！ 私がアイキャッチを作成する上で最初の難関だったもの…… それは……文字の装飾！！ 前職ではスマホゲームのUI/UXを担当していました。ゲーム内イベントのキービジュアルやバナーを作成する際は、世界観にあったフォントがある程度決まっていたので、その中から合ったものを選択していたのですが……ブログのアイキャッチとなると、毎回記事の内容、書き手のキャラクターによってテイストや組み合わせを変えなくてはなりません。 圧倒的に引き出しが足りない……！ ということで、今回は文字装飾の基本のパターンについて、LIGブログのアイキャッチを参考例に挙げながらまとめてみることにしました！ 現場で活かせるWebデザインを勉強するなら…… Webデザインを徹底的に
chot.design - 毎日ちょっとずつデザインを学ぼう
毎日ちょっとずつ、デザインを学ぼう毎日ちょっとずつデザインを学ぼうIT/Web業界のデザイン学習サイト
UIにも必要な錯視への考慮、デザイナーが行う視覚調整｜Goodpatch Blog グッドパッチブログ
視覚調整は、人間の脳に対して視覚的なアプローチをとることが多いデザイナーにとって大切なスキルです。 今回は、UIデザイナーが行う視覚調整の主な例を紹介していきます。 視覚調整とは 視覚調整とは、人間の錯視（目の錯覚）を考慮したデザインの調整のことを指します。 身近な企業ロゴに施されていることも多く、Googleのロゴでも取り入れられています。（以下の画像は、Googleのロゴを考察したツイート↓） Is this a joke, Google? pic.twitter.com/qrL8U2Vrhw — Give Me Internet (@GiveMeInternet) 2017年9月25日 この考察内容を見ても、調整前と調整後の違いはかなり微量であるように思えます。本当にここまで細かい調整が行われているのかと疑ってしまいたくなりますが、実際にこのような微妙なデザインの調整はUIデザインに
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
LINE Design System
Amazingly Simple Graphic Design Software – Canva
スマホやWebページでよく見かけるUIコンポーネントのデザインと実装コードの無料ライブラリ -Eva Design System
