「 #ローソンPBに思う 」に寄せられた意見を読んでいて、「ユニバーサルデザイン」にまつわる言及が多いことに気づきました。 視覚に困難のある人やお年寄りはもちろん、普段は不便を感じなくても今回のパッケージを見づらいと感じた人たちにとってやさしいデザインではない。 そうした意見を目にしてはじめて、不便を感じる人たちがいることに気づいた人も多いのではないかと思います。 しかし「そもそもユニバーサルデザインとは何なのか？」「何をもってユニバーサルデザインとするのか？」「どのくらいの規模になったら遵守しなければならないのか？」など、詳しいことを知らない人も多いのではないでしょうか。 今後ますます高齢化する日本社会において、ユニバーサルデザインはとても重要なテーマであり、ローソンPBの問題だけに矮小化してよいテーマではないと私は考えています。 とはいえ、私自身はまったく専門外の分野であるため、自分な

いちばん詳しい Sketch / XD / Figma / Studio の比較 〜1. 導入と背景知識 平田です。普段は個人のブログに記事を書いているので、ちゃんとしたnoteを書くのはこれが初めてです。 Sketch, Adobe XD, Figma, InVision Studio について徹底的に比較を行ったので、知見をまとめたいと思います。量がかなり多いので、いくつかの記事に分けて紹介します。 1. 導入と背景知識    ◀イマココ 2. 基本項目の比較 3. デザイン機能比較 4. シンボルとスタイル 5. プロトタイピングとコラボレーション 6. まとめ 今回はこの連載記事の導入と、各ツールを比較する上での背景的な情報をまとめます。 概要## この記事に含まれる内容 🙆‍♀️ - Sketch, Xd, Figma, Studio の選定基準 - Sketch, Xd, F

こんにちは、スワンです( 'ω') noteではしばらくご無沙汰してたのですが、今回激戦を極めた「UI Crunch #13  娯楽のUI」に奇跡的にnoteレポート枠で受かったので、花金に早々に仕事を切り上げてご機嫌でイベントに行ってきました。 噂によると倍率40倍近くだったそうで「全盛期の東京芸術大学の受験倍率かよ」って突っ込みたくなりました（笑）ありがたい機会をゲットしたとともにいけなかった方々にこの興奮を還元するべくゴリっとイベントレポートをまとめてみようと思います。 前がき私事ですが、ちょうどこの春で働く環境が変わり、株式会社メルペイでデザイナーとして働くことになりました。社会人になって初めての、自分を取り巻く「場所」や「人」が大きく変わる体験。そしたら、まだ働き始めて本当に間もないのだけど「場所が変わるとこんなにも入ってくる情報の種類が変わってくるんだな〜」という予想外の驚きが

Eureka EngineeringLearn about Eureka’s engineering efforts, product developments and more.

忙しい年の瀬ですが、皆さま如何お過ごしでしょうか。 さて、皆さんは「グッドデザイン賞はあるのにバッドデザイン賞が無いのはおかしい」という風に思ったことはありませんか？私は職業柄、日常生活で見かけた良いデザイン事例と悪いデザイン事例を写真に撮ってストックしているのですが、その中には「本当にこれギャグじゃないの？」というレベルのバッドデザインがあったりするんですよね。 良いものを良いと評価することも大切ですが、良くないものを無視するのは人類の進歩に大きな影を落としているような気さえします。ということで、勝手にアワード化してしまいました。2017と付いてますが、私が見つけたのが2017年だったというだけで製造年度などとの相関性はなく、特に意味はないです。あくまでジョークコンテンツとしてお楽しみください。 【追記】Twitterの方で一部画像が自分で撮影したものではないのでは？とご指摘頂きました。

デザイナーという職業柄 クリエイティブやサービスやアプリなどなど デザインという観点で 意見を求められることが多いのですが こういう時って気を抜いているというか油断してると 悪いところの指摘が先行して 良いところの指摘を忘れるので 気をつけているという心がけがあります デザインに対して 特に見た目に関しては 悪いところを言語化するのは 非常に難易度が低くやりがちで 逆に良いところを言語化するのは 難易度が高く 意識してないとあえて言わないケースが 多くなるのかなあと デザインの 良いところを意識して言うようにしてるというのは 悪いところの改善をしやすくするためという文脈があり 悪いところだけ指摘すると そこだけ直して整合性が取れなくなったり 逆に良いところを改悪してしまう場合があるため 良いところを指摘して認識してもらうというのは 重要だと思っています あと 単純に 褒めてから足りないとこ

※記事本文やコメント欄は長文ばかりのため、パソコンやタブレットなどの大きいディスプレイで読まれることをオススメします。 スマホのような小さいディスプレイだと「長文全体から意味を汲み取る能力」が大幅に低下するためです（それでもスマホの閲覧を意識して改行を多く入れています）。 追記を３つ行いました。 – 追記1 2017/07/15 – 追記2 2017/07/19 – 追記3 2021/01/20 —以下本文— ふと思い立ち、「国内家電は使いやすいのか」を念頭に入れ、その視点を意識しながら家電を使い、この一年間を過ごしてみました。 なぜそれをするキッカケになったのかと言うと、実家に帰省した際に、「洗濯機」の使い方がわからず挫折したからです。 ちなみに僕は今までにMacもWindowsもLinuxも使ってきており、プログラミングもやってきているので、 平均以上の「マシン」への打たれ強さはある方

鈴木裕氏： ただ、そうね……僕は全盛期に世界のトップシェアを取っていた日本が、こんなふうに海外に負けてしまったことが、やっぱり悔しいんですよ。だって、セガが全盛期の頃、僕たちは圧倒的な世界一のゲーム大国だったんです。（中略）ちゃんと新しい武器を製造しないとダメです。だって、良い武器があったら、色々なツールを工夫したりして、少人数でも勝てるんですよ。 そんな鈴木裕氏がインタビュー中、非常に強い興味を持って語っていたのがAI技術だった。そして先にズバリ言ってしまうと、この記事は、日本のゲーム産業が21世紀に世界市場で存在感を失い、今や新興国の国々までもが背後に迫ってきたシビアな状況に、実は「AI技術の軽視」という問題が一つあるのでは――という視点から強く光を当てるものだ。例えば、しばしば日本のゲーム業界の「敗因」として、グラフィックの人材不足や大規模マネジメントの失敗などの問題が挙げられる。だ

dwango creators’ blogをご覧のみなさま、こんにちは。ドワンゴデザイナーのたかはしです。 普段はニコニコ動画周りの仕事をしております。 プロトタイプが作れるアプリやサービスはいろいろとありますが、それぞれ得意なこと不得意なことがあり、フェーズにあった目的が果たせるツールを選択することが大切です。 画面遷移や全体設計ではProttやinVision、より細かいインタラクションやアニメーションにはPixateやOrigami、Framerといった目的にあったツールを組み合わせて使うことでより期待できる結果をもたらしてくれます。 そこで今回は、ちょっと踏み込んだUIアニメーションが作成できるプロトタイプツールPrincipleを年末年始に触ってみたのでちょろっと紹介したいと思います。 Principle for mac 去年の夏頃、Appleの元エンジニアが開発したプロトタイピ

都営地下鉄の駅や電車内に掲示してある、大江戸線が楕円で描かれたあの路線図は、東京にお住まいの方であればご覧になったことがあるひとも多いと思う。 今回、その路線図をデザインしたひとに、話をききに行った。

本職の企画の人が優れた機能案を出してくる理由がわからなくて、どうやってやってるんですかと雑談した。新たな発見があったので、雑なメモだけ残しておく。*1 その人の企画の流れ 企画の流れは、以下の3ステップで行っているらしい。 1. 登場人物を分類する 2. 登場人物ごとの振る舞いを分解する 3. 様々な振る舞いを照らし合わせて、機能・UIを絞り込んでいく 「1. 登場人物を分類する」は、機能に関わる人物をツリー構造に分類していき、分類をした結果から、その機能を使うメインターゲットを決めるフェーズらしい。 例えば、ブログユーザーをブログの作者と読者に、さらに作者を毎日更新する人とそうでない人に、みたいにどんどん分解していく。すると、機能のメインターゲットが浮かんでくる。 「2. 登場人物ごとの振る舞いを分解する」では、メインターゲットを中心に、どのような振る舞いをするかを考えるフェーズらしい。

半年以上前のことですが、今年の3/25にMilk TimeというiOSアプリを妻がリリースしました。 Milk Time - 育児記録を共有できる授乳タイマー Mocologyメディカル無料 妻自身が子育て中に授乳のことなどで苦労した経験を活かし、授乳記録を簡単にできてもっとデザインのよいアプリを作りたいという思いをそのまま形にしています。 妻は元々エンジニアではありましたが、アプリを開発して自分でリリースするというのは初めてでした。 それにも関わらずアプリを作る決心をして、新品の15インチMacBook Proを購入しました。 そこから子育てをしつつ合間を見ては1人で企画、設計、デザイン、開発までを1人で行いました。 ちゃんと計算したわけではないですが、トータルでかかった工数は2,3ヶ月くらいではないかと思います。 私自身が個人でいくつかアプリを開発してリリースしてそれなりの売上を上げて

文具雑貨ブランド「icco nico」を運営する坂本マリ（@icconico）さんがTwitterに投稿した、どんなノートでもスケジュール帳になるマスキングテープ「貼暦（ハルコヨミ）」が話題になっています。これは便利そう……！ 日付の「1～31」と、曜日の「月～日」がループして書かれた2本セットのマスキングテープで、これを普通のノートに組み合わせて貼るだけであっという間に毎月のスケジュール帳として使えるようになります。サイズ感は“字3ミリ、スペース3ミリ”で、キャンパスノートなどのB罫や3ミリの方眼紙に合わせた仕様です。 見た目のシンプルさも素敵（画像提供：@icconicoさん） ちなみに長さ計算だと1つだいたい4年分で、文字の向きは縦と横の2バージョンを用意。価格は1セット680円（税別）。12月5日から同ブランドの通販サイトshop icco nicoの他、Amazon店や全国の取扱

文章を書くことと、デザインはすごく似ているなあ、という最近の学びについて書きます この文中でのデザインという言葉は、一般的な人が想起するであろうデザインのイメージ 要はビジュアルデザインやUIデザインなど、目に見えるデザインとしてのそれとなります 前提 言葉を使って物事をわかりやすく人に伝えるという能力に 長けているというか多分その手の天才が隣で仕事をしてて その彼がプレゼン資料やブログを書いている様を見ていて 「ああ、これはデザインだ。」という思いに至っています 書くこと≒デザイン 文章もデザインも伝えたいことを整理してアウトプットするというもので 乱雑なアイディアの群れを捨てたり足したりして一つの塊を産むところや どちらも基礎ができてなければ自由な表現が難しいというところも同じで 良いと思ってたものをいざ形にすると実はカスだったりするところも同じ どれだけ推敲に推敲を重ねたとしてもそれ

こんにちは、デザイナーのきよえし(@kiyoe_furuichi)です。 先日、ついにコネヒトデザインチームが結成されまして、チーフデザイナーを担当することになりました！ 手探りながらチーフとしての役割を担っていて一番感じるのは、自分でつくるより何倍もつくってもらうほうが難しいということです。日々多くの発見や学びがあるなあと勉強させていただいてます。 今回は、私が新人デザイナーさんをディレクションするなかで、より良いコミュニケーションをとるために実践している"心得"をいくつかご紹介したいと思います。 制作の流れ まず、デザインを制作する流れとして私たちは以下のように制作を行っています。 タスク依頼 スケジュール調整〜制作 フィードバック リリース・振り返り 私が担っているものは具体的に、タスクの依頼を受けて担当デザイナーを決めることと、スケジュール管理・フィードバックを行いながら完成までフ

はじめに タイトルのとおりですが、私が代表をつとめる『東京ピザ倶楽部合同会社』のロゴを決めました。 実際に決まったロゴがこちらになります。 ＼じゃーん／ (今後フォントの修正などが入る可能性はあります) 方法としては、外注で案を複数募りその中から1つ採用するというコンペ形式です。 その中で色々と気づいたことが多かったので、覚書として残しておこうと思います。 また、同じような境遇の方の参考になれば幸いです。 なお、"そもそもプロダクトならともかく、割と雑に作った会社の企業ロゴなんて必要なの？" という話もあるのですが、この際置いておいて下さい。 クラウドソーシングプラットフォームを活用する 依頼してみる 正直今回は、漠然と『ロゴがほしい』ぐらいの感じでした。 なので、とにかく色々なデザイナーが作った案を1つでも多く見てみたいし、その中で良さそうなやつを選ぼう ということで、『クラウドワークス

「Webデザインを学びたいけど、何から始めていいかわからない…」「しっかり基礎を固めてWebデザインを学びたい」、そんなエンジニアのために、Webデザインを学ぶ際に参考になるSlideShareのスライドを12個まとめました。 各スライドともにWebデザイン初心者やノンデザイナーでも理解しやすい内容です。 Webデザインを効率良く学ぶために、Webデザインの基礎と原則を身につけておきましょう。

アメリカ、特にサンフランシスコ周辺の会社を見てみると、エンジニアに加えてデザイナーの需要が高まっている。これは見た目やUXが優れたプロダクトへの人気が上がっており、企業としてもよりユーザー目線で使いやすくニーズにあった製品を作る為に、企画段階からデザイナーを参加させる事が増えていているからであろう。 それに伴いデザイナーの役割が、これまでの”見た目を美しくする”事から”ユーザー視点で最適な問題解決方法を見つけ出す”へと広がりを見せている。 このビジネスに対するデザインの重要性の高まり-デザインシフト-でデザイナーやエンジニアに求められるその役割と仕事の範囲に変化がおき始めている。恐らく10年程前と比べてみると、それぞれの仕事の範囲が多種多様に広がっているのに加えて、オーバーラップする領域も増えているだろう。 デザインの未来を示す15の変化で下記のような項目があった。 “デザイナーとエンジニ

ページのレイアウトをする時に全てが同じ大きさ・形・色だと、それは非常に退屈なデザインになってしまいます。要素を整理し、階層をつくり、重要な箇所にフォーカスがあたるようにするにはコントラストを効果的に使うことです。 レイアウトにビジュアルの興味を加え、デザインを生き生きとさせるコントラストの使い方を紹介します。 色の値(value)とはカラーの明るさや暗さをあらわす用語で、ピュアブラックとピュアホワイトに最もコントラストがあります。だからといって高いコントラストのデザインをつくるために、白黒のカラーパレットにこだわる必要はありません。簡単な方法の一つは、そのカラーからより明るいカラーと暗いカラーをつくり、コントラストを加え、あなたのデザインの特定の場所を目立たせることができます。 シンプルな例として、下記のような暗い背景に明るいテキストは効果的にコントラストをつくっています。背景が写真で、テ