【トレンド分析】最近のアイコンのデザインが似通ってきている問題 デザイン会社 ビートラックス: ブログ
最近のスタートアップにおけるロゴトレンドでは、そのスタイルに多くの類似性があることがわかった。その中でも、特にスマホ向けのアプリの影響でアイコンの存在がそのブランドを強く印象づける役割を果たしている。 【トレンド分析】最近のロゴデザインが似通ってきている問題 – 第2弾 多くのアイコンがどんどんカラフルに限られたスペースに複数のアイコンが並ぶスマホのホーム画面で存在感を出すためなのか、最近のアイコンはどんどんカラフルになってきている。これは、画面の解像度が上がってきている恩恵でもあるが、どんどん没個性にもつながっている。 カラフルアイコンの代表的なのがインスタグラム。インスタは2016年にそれまでのカメラ風のアイコンから、思い切ってカラフルなグラデーションを取り入れたアイコンにリデザインを行った。 Googleサービスの見分けをつけるのが難易度高めカラフルなカラースキームの代表といえばGo
Googleが採用するUXデザイン手法「3対1の法則」とは デザイン会社 ビートラックス: ブログ
先週アップしたエシカルデザインに関する内容に関して、具体的にどのようにして“正しいデザイン”を行えば良いのかという質問が寄せられた。 一つの方法は、UXピラミッドの原則に従ってプロダクトの体験価値を検証したり、UXハニカムを活用する方法もある。 それらに加えて今回紹介したいのは、GoogleのAndroidチームが採用しているUXデザイン手法である。とてもシンプルですぐにでも活用できる内容になっている。 進化するデジタルプロダクトに対するUXデザインアプローチサービスのデジタル化やDXが進む中で、多くのプロダクトにおける「完成」という概念がなくなり、デザインは常に進化し続ける必要性が出てきた。特にユーザー体験においては、デバイスの進化やユーザーの感覚の変化などを考慮し、常に改善を続けなければならない。 では、実際にどのようにデザインの良し悪しを判断すれば良いのだろうか？継続的にバージョンア
muuuuu.org運営者が教える名著「アイデアのつくり方」に倣った、Web制作における参考サイトの探し方
QUOITWORKSでディレクションとデザインをやっております、村松です。 とっても久しぶりな今回は、Webの受託制作で確実と言って良いほど行われる参考サイトの探し方について体系化された記事がなかったので、1940年から世界中の人々を魅了し続ける不変の法則。不朽の名著。ジェームス W.ヤングの「アイデアのつくり方」のつくり方を参考に、僕が10年以上のキャリアから手探りで模索したやり方をまとめました。 目次 1.まず最初にアイデアのつくり方はどのようにやるのか。2.なぜ参考サイトを集めるのか。3.何から着手、どんな観点で参考を探すのか4.実際に使ってるサイト。5.初心者がやりがちな誤った探し方、余談 1.アイデアのつくり方はどのようにやるのか。 まずアイデアの原理から説明します。 アイデアというのは「既存の2つ以上の要素を新しい一つの形に結びつけること関連性を見つけ出すのが上手い人が得意とさ
個人的UIデザインの情報源まとめ
どうも。 最近エンジニアからデザイナーになったものです。 最近UIデザイナーになってUIデザインの情報源って意外とまとまってないなと思ったので、個人的によく参考にする情報源をまとめました。 ここに載ってないやつでおすすめの情報源あればコメントとかで教えてください。 OSガイドライン OSのデザインガイドラインはUIデザイナーだったら必ず読んでますよね。 Material Design デザインシステム的な話から装飾、カラーツールなどデザインに必要な話がとてもたくさん詰め込まれているためデザイン学習の教材として非常に優秀です。コンポーネントもユースケースやスペックまできちんと網羅されていて参考になるし、金と手間隙かかってるなあと思います。 Blogもあり、更新頻度は高くないですが面白い記事が多いのでたまに読んでいます。 Human Interface Guidelines こちらはApple
マネジメント型デザイナーがリーダーになって1年間売上目標を達成するためにやった13のこと | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
こんにちは！ ありさんです。私はデザイナーですが、LIGで唯一チームを持っているデザイナーです。 2019年10月にリーダーになってから丸1年が経ちましたが、この1年間、無事売り上げ目標を100％以上達成し続けることができました。 えらい！ えらいぞ私！ えら〜い！ 最初はめちゃくちゃ大変でしたが、だんだんと余裕もできてくるようになりました。この機会にデザイナー&チームリーダーとしてやってきたことについてまとめようとおもいます。 なぜデザイナーがチームリーダーになったのか 通常LIGではディレクターさんが売上管理や進行管理を行います。なので、デザイナーが売上管理を行うリーダーをすることはレアケースです。 そんななか私がリーダーになった理由は、LIGでも独自のポジションを担当していたことにあります。 「リニューアルは予算上できないけど改善したい」というお問い合わせをいただくものの、LIGには
医療機器のUI/UXデザイン〜デザインプロセスの全容〜 - 病院経営ウェブマガジン“Healthcare Compass (ヘルスケア・コンパス)”
私は株式会社ジャイロで医療機器の画面や教育コンテンツのUI/UXデザインおよびディレクションを行なっています。医療機器のデザイン業務は、主にメーカーから受注しています。 10年前に心臓カテーテル用検査装置の画面デザインを受注して以来、心電計、血圧脈波検査装置、産婦人科用ECGモニタ、歯科用CTスキャナ装置、手術室用統合表示モニタなど、いろいろな機器の画面表示部のUI/UXデザインに取り組んできました。 デザイン実施例：手術室用統合表示モニタ（AMEDからの支援プロジェクト「安全性と医療効率の向上を両立するスマート治療室の開発（SCOT：Smart Cyber Operation Theater）」 今回は、医療機器画面のUI/UXデザインについて、どのような流れで受注から納品までの業務を進めているのか、ステップを追ってご紹介します。 ステップは大きく分けると3つあります。 依頼から契約まで
新しいデザインの教科書
【ご挨拶】 / 【目次】 / settings / 解釈が変わる写真 / ラインスケッチ / 感覚の変換による観察 / 蓋の分類 / 新しい分け方の基準 / バランスによる新しい価値 / 約束事を共有することで、読みとけるようになる四コマ漫画 / 丸を取り出す / ｷﾘﾄﾘﾑｼ / レイアウトが解釈を生み出す / モノをコントロールするための身体言語 / space / 「解釈が変わる写真」野中大
RAKSUL DESIGN｜note
良いデザインは、社会を良くする。「RAKSUL DESIGN MAGAZINE」始めます。 はじめまして。「RAKSUL DESIGN」です。 この記事を読んでくださっているみなさんは、ラクスル 株式会社（以下、RAKSUL）が、何をやっている会社かご存知ですか？デザイナーの方であれば、印刷ECサービス『ラクスル 』を利用いただいたことがあるかもしれません。 私たちRAKSULは「仕組みを変えれば、世界はもっと良くなる」をビジョンとして掲げ、印刷ECサービスの『ラクスル』、物流サービスの『ハコベル』、広告サービスの『ノバセル』などを展開している会社です。様々な領
Adobe製品を使わない"デザイナー"？「ビジュアルコーダー」が考える、自己満足で終わらないWebデザインとは
Adobe製品を使わない"デザイナー"？「ビジュアルコーダー」が考える、自己満足で終わらないWebデザインとは
さよなら、「デザイン思考」｜KESIKI
こんにちは。KESIKIの石川俊祐です。 KESIKIは、デザインやクリエイテビティの力で、愛される会社や人にやさしい経済を生み出そうと考えているクリエイティブ・ファームです。 （フワッとしていてわからないよ！ と思われる方も多いと思います。ぼくたちがやろうとしていることについては、改めてまた！） ところで、みなさん、「デザイン思考」と聞いて、何を思い浮かべますか。 付箋を使ったブレストの手法？ 拡散と収束を繰り返しながら、アイデアを生み出す方法？ イノベーションを生み出すための魔法のメソッド？ ぼくは、デザイン思考の生みの親とも言われるIDEOで、その教えを受け、実践してきました。そして、その素晴らしさを実感すると同時に、ある違和感を抱くようにもなりました。 なぜ、そう思うようになったのか。なぜ、IDEOを辞め、KESIKIを立ち上げたのか。そんな話を綴っていきたいと思います。 IDEO
だいぶ前に藝大デザイン科を卒業し、同窓に任天堂がいるから回答しておく..
だいぶ前に藝大デザイン科を卒業し、同窓に任天堂がいるから回答しておく。（ブコメだと書けないからね デザイナーといっても様々でジャンルの幅が広いが、どのジャンルでも基本的な教養は重要。 CG造形をやりたいということであるが、高校で学ぶような基礎教養、一見無駄な知識と思えるものでも後々重要になる。要求されるものについての文化的な素養や知識があるのとないのとでは大違いである。後々苦労する。なので高校で学ぶ学問を軽視してはいけない。独学では視野が狭くなる。無駄と思える知識まで広げておく必要があるので寧ろ、高校時代は可能な限り学科はやっておくべし。私がいた頃は美校の試験学科の成績は実技と比して全然重視されていなかった（酷いものであった）が、試験勉強していないだけで教養がある学生は多かった。無駄なことまでアンテナを張って知的好奇心を養うことができるのは高校時代である。ちなみにその学科試験も昨今は重視す
Webサイトのメインビジュアルの構図を集めて分析してみた。｜ameko
初めまして、ameko(@tk04amedama)と申します。 普段は都内の制作会社でWEBデザイナーをしています。 と言ってもまだまだ新米なので、日々勉強中です。 その勉強の一環で、最近のWebサイトで使われている メインビジュアルの構図を一覧にしてまとめた画像をTwitterに投稿してみたところ、思いがけず多くの方に反応いただけたので、その後に行っていた構図ごとの分類分けや分析も公開してみようと思い、初めてnoteに投稿してみました。 はじめに集めたサイトの数は全部で７０個。自分の仕事の参考のために集めたものなのでほとんどがBtoB向けサイトです。（BtoC向けサイトだと、この構図一覧もまた、全然違うものになりそうだなと思う。） 構図の名前は、なんとなく自分なりに語呂がいい名前をつけているだけなので、あまり突っ込まずふんわり流していただけると幸いです。（もしこの構図の正式名称とかあった
PhotoshopからXD、さらにSketchへ…Atomic Designを実現させるまでにぶち当たったデザインチームの苦悩 | スペースマーケットブログ
PhotoshopからXD、さらにSketchへ…Atomic Designを実現させるまでにぶち当たったデザインチームの苦悩 デザイナーの横井です。こんにちは！ 猫飼いなのですが猫に顔をうずめるのが難しい季節になってまいりました（毛まみれ） 久しぶりのデザイン記事となりましたが、今日は弊社デザインチームが行ったAtomic Designのシステム化の紹介と失敗体験、そしてその道のりを、赤裸々にご紹介しちゃいたいと思います。 既に完成したデザインのコンポーネント化に悩んでいる方々の参考に、少しでもなれば幸いです。 初期のスペースマーケットデザイン ゴリゴリのPhotoshopデザインだった時代 弊社のメインサービスである、スペースマーケットのデザインは約3年前にリニューアルリリースされました。 当時は全てPhotoshopでデザインされ、１ページにつき１ファイル、スマートフォンもPCも別フ
「Amazonのプライムビデオが難しい」というおかんの言い分を聴いてみた｜Tsutomu Sogitani
大阪の実家に帰った時、リビングのテレビの裏側を見たらAmazonのFire Stick TVが挿してありました。このFire Stick TVをテレビに繋ぐと、Amazonのプライムビデオを観ることができるようになります。 プライムビデオには、Amazonプライムの会員であれば、追加費用を払うことなく楽しめる映画やドラマ、アニメなどが豊富に揃っています。さらに個別に追加金額を払うとほとんどの映像コンテンツを観ることができるという、まさにTSUTAYAキラーなサービスです。 うちのおかんは月に2～3回は映画館に行くほどの映画好きなので、プライムビデオのメインターゲットといえるでしょう。本来ならプライムビデオで映画三昧の毎日を送っていてもいいはずです。 しかしながら、Fire Stick TVを挿しているにもかかわらず、プライムビデオを一度も使っていませんでした。初期設定をした私の弟が一通り使
RADIANCE - 伊勢丹の新しい包装紙｜三越伊勢丹グループ
伊勢丹の、新しい包装紙。 2019年2月20日（水）、伊勢丹の包装紙が新しくなります。デザインは、フランス人アーティストの、フィリップ・ワイズベッカー氏。タイトルは「radiance」です。 白い紙の上に、赤、黄、緑の手描きの線が、途切れることなくどこまでも広がります。伊勢丹のショッピングバッグに使われている、タータンのエスプリが、色と線に込められました。一本一本、まっすぐ丁寧に描かれた色鉛筆の線たちが、届けたい気持ちを包みます。 「radiance」無限のひろがり 真っ白な紙の上に、どこまでもつながる、赤、黄、緑の3色の手描きの線。迷路のように広がる線の間には、I・S・E・T・A・Nの文字がひそんでいます。新しい包装紙「radiance」は、伊勢丹のタータン「マクミラン／イセタン」を、丁寧に観察するところから生まれました。 MORE フィリップ・ワイズベッカー パリとバルセロナにアトリエ
デザインフィードバックを始めやすくするためのシートを作りました
デザイン批評や伝え方のセミナーやワークショップはもちろん、関連記事も幾つか書いています。しかし、だからといって完璧なデザインの会話ができているわけではありません。デザインという言葉の捉え方を合わせるのに苦労することもあれば、いつの間にか話が脱線してしまうことも少なくありません。 書籍などで知識を得ることはできますが、知識があれば必ずうまく実践できるとは限りません。たとえ自分自身に高いスキルがあったとしても、周りを巻き込まなければコミュニケーションは成立しません。セミナーやワークショップを受講された方から「私は理解できたが、周りにどう言えば良いか分からない」という感想をいただくことがあります。デザインについて語るのに難儀している状態だと、建設的な会話を促すのは至難の業です。 記事やプレゼン資料を社内共有するのもひとつですが、スルーされてしまう場合もありますし、いざ会議の場になると忘れてしまう
本当は教えたくないUIデザイン学習の参考にしているInstagram（インスタグラム）アカウント｜浦川たろう｜note
良いUI/UXデザイナーになるには、他人が作ったデザインを見るのが大切だと、多くの国内外のデザイナーさんたちは言っています。 僕もそれに倣い、UI/UXデザインを学び始めて約2ヶ月ですけど、ほぼ毎日他人のUIデザインを見ています。 他人のデザインが見れるサイトで代表的なのは、以下の3点でしょうか。 ■ Dribbble ■ Behance ■ Awwwards これらのウェブサイトやアプリを見ていますけど、まだ生活に馴染まないというか「UIデザイン見るか〜！よいしょ。」ってなモチベーションでチェックしてしまいます。 「それでは、本当に夢中になって見てはいないな」と感じたので考えました。 「それじゃあ、いつも見てしまうアプリを使えばいいのでは？」と思い、チェックし始めたのがInstagram（インスタグラム）です。 Instagramは、すでに写真専用アカウントとして使っていました。しかし。
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
約99％割引、「メイリオ」デザイナーによる日本語フォント109種類の詰め合わせ、27万4795円が2980円に【やじうまWatch】
The Best Bed for Better Sleep | Casper
https://twitter.com/i/moments/1069028575704113152