タグ

designに関するo_hiroyukiのブックマーク (574)

  • 『マネーフォワード ME』Web版リニューアルに関する今後の方針について|Yosuke Tsuji

    7月7日に実施した『マネーフォワード ME』Web版リニューアルについて、現在、ユーザーの皆様よりたくさんの貴重なご意見を頂戴し誠にありがとうございます。私やプロジェクト責任者も、すべてに目を通しています。 そしていただいたご意見を真摯に受け止め、昨日、今日にかけて、関係者で集まり議論し、一旦リニューアル前の旧バージョンに戻すことを決断いたしました。今晩深夜メンテナンスを行い、明日の早朝より旧バージョンをお使いいただけるように準備をしております。 今回、「このリニューアルは改悪だ」という内容のTwitterやメールを、たくさんの方からいただきました。事前に一部のユーザー様にβ版をお試しいただいた上でのリニューアルでしたが、大幅なデザイン変更や一部の機能削減などにより、特に資産管理を目的としたユーザーの方々にとって、一部使いにくい変更となってしまいました。 そして、普段からWeb版を利用され

    『マネーフォワード ME』Web版リニューアルに関する今後の方針について|Yosuke Tsuji
    o_hiroyuki
    o_hiroyuki 2020/07/08
    β版のテストも行って、一定数の批判も想定の上だったと思うけど、それでも戻す判断をしたってことはそれほど不満の声のインパクトが大きかったのかな。大規模サイトのリニューアルは難しいな。
  • みんなで使えるデザインガイドライン「SmartHR Design」ができました|SmartHRオープン社内報|株式会社SmartHR

    ※ 2020年 9月 3日 追記 デザインシステムSmartHR Design」がお引越し&アップデートしたため、最新情報はこちらからご覧ください。 おつかれさまです。コミュニケーションデザイングループのさめまる(@samemaru_saxo)です。 このたび、だれでも!効率よく!SmartHRらしく!表現できるのを目標とした、デザインガイドラインができました! ▶️ SmartHR Design https://smarthr.design (2020年9月3日更新) 社外の方でもどなたでも読めるように一般公開しています。 SmartHR Design とは SmartHRでは、資料やスライド、オウンドメディア、このオープン社内報など、日々どのメンバーもばしばしアウトプットしています。中には見た目のデザインが必要なものもありますが、どれもデザイナーに依頼して作る余裕があるとは限りません

    みんなで使えるデザインガイドライン「SmartHR Design」ができました|SmartHRオープン社内報|株式会社SmartHR
  • デザイン脳を鍛える方法|ハラヒロシ / デザインスタジオ・エル

    はじめに1998年、デザインの勉強を全くしたことがない私がデザイン業界に入り、はや22年が経ちました。数年間は下っ端生活をしていましたので、まさか20年経ってこの会社の社長になるとは、当時の自分が聞いたら失神するでしょうね…。 そんな私は、デザイナーとして際立ったスキルや作風もなければ、立派な賞とも縁がないごく普通のデザイナーなわけですが、22年間楽しく続けてこれたのはなぜだろうと思うと、デザインという仕事を通して成長が感じられるからなのかもしれません。 このnoteでは、デザインの技術ではなく、デザイナーとして成長を実感していくための「デザイン脳」の鍛え方について書きたいと思います。デザイナーとして成長したい!と思っている方の一助になれば幸いです。 思考の変遷を残しておくデザインの経験を積んでいくと、「前よりうまくなったな」と思うはずです。うまくなったというのは、デザインの原理原則が身に

    デザイン脳を鍛える方法|ハラヒロシ / デザインスタジオ・エル
  • ネットで物議のローソンPBデザイン nendo佐藤氏に真意を聞いた

    一部から批判の声が聞かれる一方で、それが売り上げに悪影響を与えてはいないという。冷凍品や菓子、牛乳や豆腐、納豆などすでに新しいデザインに切り替わっている商品について、切り替え後の売り上げは順調。同社によれば、例えば冷凍品は全体で、切り替え後の5月は前年同期比で3割の売り上げの伸びを記録。牛乳や卵、納豆なども1割程度売り上げが伸びている。 新型コロナ禍の影響で、自宅で過ごすことが増えた消費者が、外を避けて自宅で事を取ることになった影響もあり、この売り上げの伸びの要因すべてがパッケージのおかげ、と断定するのは早計だ。とはいえ、「現時点では、パッケージリニューアルによって売り上げが落ちている商品はほとんどない」(ローソンの梅田貴之中商品部長補佐)。 長期視点で選んだ「雑貨」的なデザイン あえてこのシンプルなデザインにした理由とは何か。「短期的な売り上げはもちろん大切だが、当の狙

    ネットで物議のローソンPBデザイン nendo佐藤氏に真意を聞いた
  • ローソンのPBデザインリニューアルは「これでいい」から「これがいい」への第一歩|最所あさみ

    先月から徐々にローソンのPBパッケージが新デザインに切り替えられ、その変化の大きさにSNSでも賛否両論が飛び交っている。 ▼リニューアル後のパッケージ例。ベージュで統一され、ひと目見ただけでは中身がわかりづらい。 若い女性を中心としたデザインに敏感な層からは「かわいい」「そのままでも暮らしに馴染む」と高評価を受ける一方、「視認性が低い」「シズル感が足りない」といった否定的な意見も多い。 ちなみに私自身は今回のリニューアルに関しては賛成でもなければ反対でもない。 これはコンビニの消費体験を大きく変えようとするローソンの挑戦であり、その仮説が受け入れられるかどうかは未知数だからである。 消費行動とは不合理なもの消費行動の変化は、過去の延長線上だけでは語れないところがある。 プロダクトが市場を作るという現象がよく起きるからだ。 今では圧倒的シェアを誇るiPhoneも、日上陸時には消費者からの評

    ローソンのPBデザインリニューアルは「これでいい」から「これがいい」への第一歩|最所あさみ
  • Figmaが目指すデザインのあり方|ふじけん / kenshir0f

    2020年1月に行われた Design Matters Tokyo のセッションでデザインの変化について、Figmaの発表を聞いたのでまとめます。 時代とともにデザインがどう変化してきたのか、とても分かりやすく解説されていたので共有したいと思います。 Figma社の Yuhki Yamashita さん デザインの大きな3つの変化今まではデザインは基デザイナーが取り組むものとして扱われていましたが、インターネットや技術の発展とともにデザインの取り組み方は大きく変化してきました。 具体的には以下の3つの変化があります。 1. 「ピクセル作業」から「アイデアを動かす」へ 2. 「完成品」から「永遠の未完成」へ 3. 「デザイナーのもの」から「みんなのもの」へ ひとつずつご紹介します。 1. 「ピクセルの作業」から「アイデアを動かす」へ 1つ目の変化は、ピクセル作業の時代が終わったということで

    Figmaが目指すデザインのあり方|ふじけん / kenshir0f
  • なぜデザイン思考はゴミみたいなアイデアを量産してしまうのか|サカキバラ・ケイ

    デザイン思考がもてはやされてしばらく経ちましたが、デザイン思考の成功例、何か思い出せますか?仮に思い浮かんだとしたら、その「成功例」は当にデザイン思考によって生まれたものですか? 一応最初に断っておきますと、僕は「デザイン思考はゴミだ」と言っているわけではありません。デザイン思考(デザインシンキング)にも向き・不向きがあるのに、その特性を踏まえないまま変なバッターボックスに立たせた企業が大変シュールな状況に陥っていることを、普段デザインで事業成長を支援している身として危惧しているというわけです。マイナスドライバーでプラスのネジを回すのはやっぱり無理があるし、おもしろTwitterおじさんだった人に大統領をやらせたらそりゃみんな怪我するよね、という単純な話です。 著名デザインファームPentagram New Yorkのグラフィックデザイナーであり教育者でもあるNatasha Jenは「D

    なぜデザイン思考はゴミみたいなアイデアを量産してしまうのか|サカキバラ・ケイ
  • 三井住友銀行アプリについてお話します。|SMBC DESIGN

    こんにちは!三井住友銀行 デザイナーの堀と申します。 前回の初投稿から、SNSなど多方面でたくさんの反応をいただきありがとうございました。予想以上の反響で銀行内でも話題となり、三井住友銀行のデザイナーの活動が少しでも広がったことにうれしく思います。 その中で「銀行アプリが変わった」とのコメントを多くいただき、自分たちが関わったプロジェクトがお客さまの手元に届いているんだなぁと感動しました。 今回はその「三井住友銀行アプリ」について書いていきたいと思います。 題に入る前に…、お伝えしたいことがあります。 三井住友銀行初!2019年度グッドデザイン賞を取りました!!(ぱちぱちぱち) デザイナーだけでなく、たくさんの方々のご協力、お客さまの声から作られたアプリなので受賞したときは当にうれしかったです。 それでは題です。 アプリリニューアルの背景 様々な理由がありますが、まずはこれです。 キ

    三井住友銀行アプリについてお話します。|SMBC DESIGN
  • デザイナーがwebサイトを模写する際に見るべき8つの学習ポイント|Tomoyuki Arasuna

    webやアプリのUIデザイン上達のコツとして、模写(コピー)がよく取り上げられます。私も過去に一時期やったことがありましたが、確かにいくつかのデザインを細かく観察して自分で再現してみることで、その後いざ実践!となった時に多くの学びを活かせたと記憶しています。 そうした経験から、最近も会社の若いメンバーに模写を進めて実践してもらっていたのですが、とあるメンバーから「模写はできたものの、どんなところを観察すればよいのでしょうか?」という質問を受けました。確かに、実践経験が少ない人にとっては、真似てはみたもののそこから何を学べばよいか分からない、というのは当たり前かもしれません。 模写というと変わったレイアウトや表現ばかりにとらわれがちなのですが、当に身に付けたいのは「使えるwebサイト」を作る上でのデザイン力の基礎部分です。その基礎とは何か?を知ると学習の効率も上がります。そんなわけで今回は

    デザイナーがwebサイトを模写する際に見るべき8つの学習ポイント|Tomoyuki Arasuna
  • DarkModeのデザインを中心とした色彩設計の考え方 - くらげだらけ

    こんにちは、くだくらげです。最近ははじめてのUIデザインというを共著で書きました。 おかげさまでたくさんの人に読んでいただいて、コメントをもらえたりして嬉しいです。ありがとうございます! PEAKSさんから出版しており購入できますので、よろしければ手にとってみていただけると嬉しいです。 peaks.cc 概要 WWDC 2019で新しく発表されたiOS13でOSレベルでのDarkMode設定が搭載されることになりました。MacOSの方は以前より追加されていましたが、iOSではなかったので個別のアプリが各々対応していました。 今回、iOSにもDarkMode設定が標準搭載されたことによって、iOSアプリのダークモード対応が必然的に迫られることになって来るのではないかと思っています。 ダークモードを好んで使う人は一定数存在していて、かく言う私もダークモードを好んで使っています。目に優しいだっ

    DarkModeのデザインを中心とした色彩設計の考え方 - くらげだらけ
  • 文字サイズの比率と調和

    ウェブページのテキストはいくつかの文字サイズの組み合わせで出来ています。それぞれの文字サイズは情報の階層構造を表現するなどの役割を担いますが、同時にお互いが適切なバランスで調和しているべきです。そのため文字サイズはページやコンポーネントごとに場当たり的に決められるべきではありません。プロジェクトを通じて一貫したシステムを形成している必要があります。 そういった調和と一貫性を持った文字サイズのシステムを作るために、私たちのチームでは「調和数列」に基づいて一連の文字サイズを決めることがあります。調和数列とは等差数列(隣接する項が共通の差を持つ数列)の各項の逆数からなる数列です。 1, 2, 3, 4, 5, 6 ... // 等差数列 1, 1/2, 1/3, 1/4, 1/5, 1/6 ... // 調和数列 実際に調和数列を用いて文字サイズを算出する例を以下に示します。 $font-siz

    文字サイズの比率と調和
  • 学び方のデザイン

    4/23 Goodpatch designers Gymのオフライン会で行われたセッションの内容です。 オンラインサロンをより活用してもらうために、自身の学びの姿勢を客観視してもらい、オンラインサロンがその中でどういう役割を持つのかを意識してもらえるよう。学び方の基的な「型」を紹介 / 提案しました。

    学び方のデザイン
  • 経営者にデザインや技術の大切さをわかってもらうには?|深津 貴之 (fladdict)

    よく講演をした後に、そのような質問を受けることが多い。 結論から言うと、経営者にデザインやエンジニアリングの重要性を伝えようと頑張るのは、オススメできない。なぜなら、それを大事にしてくれる別の経営者と仕事をする方が、はるかに簡単で手っ取り早いからだ。 基的に、経営者の考えを転換させるコストは極めて高い。それだけの時間やコスト、能力や忍耐があれば、転職先や別のクライアントを見つける方が簡単だ。そもそも、ある程度は職を選べる能力がなければ、経営者の考えを変えることはおろか、アクセスすることすら難しい。 シンプルに、デザインやエンジニアリングを経営に持ち込みたい人は、そのような経営者と仕事をすべきだ。過去に色々なクライアントで、経営者や社長室、経営企画室、新規事業部の方々とお会いしてきたが、実質的にそれ以外の答えは無いと思う。 経験上、ほとんどの経営層は人的ロジスティクスの硬直化が起きるまで、

    経営者にデザインや技術の大切さをわかってもらうには?|深津 貴之 (fladdict)
  • Appleに影響を与えた伝説の工業デザイナー、ディーター・ラムスの「いいデザインの10か条」 - GIGAZINE

    iPhoneをデザインしたAppleのデザイナー、ジョナサン・アイブ氏にも影響を与えたといわれる伝説の工業デザイナーであるディーター・ラムス氏は「いいデザインの十か条」を提唱しています。ラムス氏と「いいデザインの10か条」を映画監督のゲーリー・ハストウィット氏が映像化した「Dieter Rams’ 10 Principles of Good Design」が無料公開中です。 Rams — Gary Hustwit https://www.hustwit.com/rams 「Dieter Rams’ 10 Principles of Good Design」は以下から見ることが可能です。 Dieter Rams’ 10 Principles of Good Design on Vimeo 「全てのものは相互作用し、同時に他から独立しています」というラムス氏の言葉と共にムービーはスタート。 「

    Appleに影響を与えた伝説の工業デザイナー、ディーター・ラムスの「いいデザインの10か条」 - GIGAZINE
  • Graphic Means

    Official website for the documentary, Graphic Means: A History of Graphic Design Production.

    Graphic Means
  • 新卒デザイナーのデザインブラッシュアップ方法 | remark

    デザイン事務所にてアートディレクターとして企業ブランディングを中心に広告、商品企画、プロダクト開発、Webプロモーションなどに従事。自分たちの働き方もデザインの一部と捉え、自らのほしい未来をつくるために2015年9月ツクルバに参画。Web、グラフィックなどツクルバに関わるデザイン業務を担当。[柴田のインタビュー記事](https://studios.tsukuruba.com/remark/1524649191951) まずは自由に作ってもらう 円香:バナーできたので見ていただいてもよいですか〜。 柴田:これ、CLASKA(イベントの会場)ってのがビジュアルから伝わってこないのだけど、素材これしかないの? 円香:これしかないんす…公式のビジュアルがこれで 柴田:ならしょうがないな…全然わからん。CLASKA側からこれ使ってくれって? 円香:絶対これってわけでないとは思いますが、送られてきた

  • どうなる2019年のロゴデザイン?知っておきたい最新人気トレンド6個まとめ - PhotoshopVIP

    ロゴを特別なものにするのは何でしょう?ロゴを魅力的にするには、デザイントレンドがどのように進化しているのか、きちんと把握しておくことが大切です。 この記事では、2019年にかけて注目したい、ロゴデザインの人気トレンド9個を予想し、まとめてご紹介しています。たくさんのデザイン事例と一緒にまとめているので、今後のデザイン制作の参考にしてみてはいかがでしょう。 デザイナーが押さえておきたい、2019年のウェブデザイントレンド10個まとめ【完全ガイド】 2019年に注目したい!グラフィックデザインの最新トレンド10個まとめ コンテンツ目次 1. 可変ロゴデザイン 2. 新世代の幾何学模様 3. 目の錯覚を利用したロゴ 4. 目的のある配色 5. ネガティブ・スペースの応用 6. ミニマリズムの変化 7. 歴史のあるロゴ 8. 重なり合うロゴデザイン 9. ディテールを最大限に活用 01. 可変ロゴ

    どうなる2019年のロゴデザイン?知っておきたい最新人気トレンド6個まとめ - PhotoshopVIP
  • カルチャーの違いを考慮したデザインのポイント

    様々なもののデジタル化が進む中で、デザイナーの役割も大きく変化し始めている。 特にインターネットを介したサービスにおいては「design, Design, DESIGNの違いを知っていますか?」でも紹介されている通り、世界中の不特定多数のユーザーを念頭にデザインしなければならない時代になってきている。 それは同時に、受け取り側の趣味嗜好や価値観を十分理解した上で、プロダクトやメッセージングを考える必要があるということでもある。デザインコミュニケーションとして、単純に言葉を翻訳しただけでは不十分なのである。 目で表情を伝える日人、口で表情を伝える欧米人日と欧米では絵文字の表現方法が大きく異なる。特に日では「目」を主な表現として利用しているのに対し、欧米では主に「口」の形の違いで感情を伝えている。 この違いの原因の一つが日常生活における人々の生活習慣の違いだろう。 ご存知の通り、花粉症の

    カルチャーの違いを考慮したデザインのポイント
  • オブジェクトベースなUIデザインに取り組むための心構え|usagimaru ⌘ Satori Maru|note

    オブジェクトベースなUIデザインの考え方が近頃注目されてきています。デザイナーとしてこれと向き合うに当たって、私なりに解釈した事柄を記しておこうと思います。 オブジェクトベースのUIとはUIデザインにオブジェクト指向の設計論を導入したものをオブジェクトベースのUI、Object-Oriented User Interfaces= OOUI などと呼ぶようです。オブジェクト指向UI、オブジェクト指向ユーザーインターフェイスと呼ぶこともあるかもしれません。そのほかにも OOUX という表記も見られますが、ここでは一貫した呼び名を定めておきたいため、便宜上 OOUI と呼ぶことにします。 私たちが普段目にするGUIは元来OOUIの思想に基づいていると考えられるのですが、中にはとても機能指向的(タスクベース)な設計で構築されたGUIが多くみられるため、特にオブジェクト指向的であるものを強調・区別す

    オブジェクトベースなUIデザインに取り組むための心構え|usagimaru ⌘ Satori Maru|note
  • メルカリロゴリニューアルの裏側、見せます。|Mercari Design|note

    こんにちは。 メルカリデザインブログです。 メルカリは2018年10月31日にロゴのリニューアルを行いました。 ロゴのリニューアルを起点としたリブランディングは、社内に新設されたCXO Design Team主導による、社内外を巻き込んだ大きなプロジェクトです。 企業の大々的なリブランディングは頻繁に行われるものではありません。 だからこそ、その舞台裏や背景、補助線となるような情報を広く共有し、デザイン組織のノウハウを伝えていきたいと考えています。 デザインブログでは、複数回に分けて取り上げます。 目次 ・なぜ、ロゴを変えたのか ・メルカリのこれからを表現する ・汎用性の高いロゴを目指す ・リブランディングを行うチーム ・実際の制作プロセス ・イベント告知 なぜ、ロゴを変えたのかリブランディングにおいてロゴのリニューアルは大きな比重を占めるトピック。コミュニケーション設計の支柱になります。

    メルカリロゴリニューアルの裏側、見せます。|Mercari Design|note