人物・動物・植物をはじめ、デジタル機器、建物、家具など、日常で見かける標準的なさまざまなスペースとサイズを図版化したDimensions.Guideを紹介します。 人物だけでも、老若男女の立ち・座り・寝・歩き・運動、そして正面・側面・上面が揃っており、イラストやデザインの参考資料になると思います。 Dimensions.Guide Dimensions.Guideではさまざまな図版が揃っています。 例えば、25-45歳の女性が歩いている時のサイズ。 平均身長は1.63mに設定されており、カジュアルな服装で歩いている横向きです。 Walking Female Side 素材はすべて商用でも無料で利用できます、クレジットは特に必要ありません。ただし、素材そのものを再配布・再販売することは禁止です。詳しくはライセンスページをご覧ください。 legal ダウンロードできる素材のフォーマットは、3種
いらすとやのイラストのこだわりを軽視したらダメ。 いらすとやの素材は反転して使用しても違和感が無いように人物素材に服のボタンやポケットが書かれていない。色々な髪型の、色々な服装の、複数の人物が存在する。種類の豊富さもすごい。 誰にでも親しまれるイラストを書くことの難しさよ。 — 理央 🎊ゆかりっくフェス10/6参戦 (@Rio_M) October 27, 2018 実際に反転してみると、たしかに違和感がない！ ではそんなにこだわっているのなら、色の方はどうなのかな？と思ったわけです。 色覚を変えて見てみる 使った素材はこの３つ。３つめは半分趣味です。 できれば、いつも色覚を変換するときは、TOYO INKの『UDing®』を使うのですが、マシンを新しくしたら使えなくなってしまい…。 P型とD型だけですが、フォトショップの『色の校正』機能で変換しました。 ラーメンを食べる男 麺の部分と洋
🐕️ @54jpd09 今まで作った表紙だが… 一枚目：絵に文字を重ねて後は揃えとけ 二枚目：正方形で揃えとけ 三枚目：タイトル斜め、写真はぼかしてりして効果的にしとけ #それっぽくなる表紙 pic.twitter.com/SOOvvkYgFH
こんにちは、今回がはじめてのnote投稿になります！ タイトルにもある通り、今日はTwitterにて8月に行なっていたUIトレースについて感じたことをまとめていきます。 デザインの勉強を始めたばかりで、どうやって勉強しよう？と悩んでいる人や、最近だとCocoda!に登録してUIデザインの勉強をしてみようかな...と思っている人の参考のひとつにでもなれば嬉しいです。 あくまでも自分なりの見解であり初心者目線で書きますので、どうぞ暖かい目でご覧になってください...。(アドバイス随時受け付けてます！) そしてかなり迷ったのですが、この記事ではトレースしたものだけでなく、アウトプットしたものも全部載せます。プロのデザイナーさんが見たらツッコミどころ満載の作品ばかりだと思いますが、同じような境遇の方の励みになればと思って、、、、では目次です。 目次 1. UIトレースを始めたきっかけ 2. 最
ハロー、@seto_hiです。 北海道で避暑をしています。 アプリ開発をしていると様々なコンバージョン率がKPIになることは多いですが、誠実さを欠いたUIを作ると数字がよく伸びることが稀によくあります。 そういったものは一時的な利益には繋がりますが、長期的な利益には繋がらないと考えています。 自分が今後そういったUIを作らないための予防線としてこの記事を書きます。 不利益の排除 ・不利益な動線を奥深くに隠す ・ユーザーが設定を変更する手間を増やす ・「メールマガジンの解除にはメッセージを送ってください」 ・「メールマガジンの解除にはログインが必要です」 ・過度に警告を表示する ・「この設定をOFFにするとアプリが正常に動作しなくなる可能性があります」 ・「本当にOFFにしてよろしいですか」 ・不利益な動線を目立たなくする ・不利益な動線のシグニファイアを消す ・スマートフォンならスクロール
最近は海外を中心にエンジニアと共にデザイナーの需要が高まっている。理由はシンプルで、プロダクトに加え企業経営にとってデザイン思考やサービスデザインなど、「デザイン」の言葉で表現されるマインドセットやスキルが求められているからである。 実際に、O’Reilly Mediaが2017年に世界のデザイナー324人を対象に行ったリサーチによるデザイナーの給与調査レポートでもそれは顕著になっている。 このレポートでは世界中のデザイナーにアンケートを取り、デザイナーの待遇や地位に関するデータをまとめた。この膨大なデータの中でも特筆する点としては下記があげられる。 世界のデザイナーの待遇調査結果 (中間値による算出):世界のデザイナー平均年収額は$91,000アメリカのデザイナー平均年収額は$99,000カリフォルニア州のデザイナー平均年収額は$128,000アメリカ国内デザイナーの1週間の平均労働時間
ANDPADでデザインを担当している後藤です。 エンジニア 「このボタン、分かりにくいですね」 開発を進めてて、エンジニアにこう言われたことはありませんか？ 「このボタンって、どう動くんですか？」 「このボタン、気がつきにくいですね。」 そういったときに、どのようにUIの意思決定をしたか、説明して納得してもらう必要があります。 今回は「並び替えボタン」で起きたケースを紹介します。 あまり目立たない機能ですが、データを整理することが多いBtoB向けサービスでは、要望が多い機能じゃないでしょうか。 【目次】 ・どこが分かりにくかったか？ ・エンジニアとデザイナーの通る思考回路は違う ・エンジニアの考えた解決策 ・画面上における機能の優先順位 ・機能単体のゴール ・まとめ どこが分かりにくかったか？実際の画面がこちらです。（※こちらは現在開発中の機能になります） さて、どこが分かりにくかったでし
これは私が最近よく訪問する日本橋駅直結の商業ビル、東京日本橋ビル内のエレベーターのボタンです。 唐突に質問ですが、このボタンで操作ミスを起こすポイントがあるとすれば、それがどこだか分かりますか？ 説明が必要と思いますが、このビルは7Fがオフィスロビーになっています。駅直結のB1と1Fからは7Fまで直通するシャトルエレベーターがあり、全員7Fで一度降り、セキュリティチェックをし、23Fより上にあるオフィスフロアに入ります。そのオフィスロビーとオフィスフロアを行き来するためのエレベーターのボタンがこれです。 ボタンが23Fから30Fまでしかなくて、下に大きく7Fのボタンがあるのは、そういったビルの構造からです。 私と同行したディレクター（26歳）は、打ち合わせが終わってオフィスフロアからオフィスロビーに帰る際に、操作ミスをしました。それも1度だけでありません。次の打ち合わせの帰りにもまったく同
Google I/O2018でMaterial Designが大きくアップデートされました。Material Designのサイトの更新量が大きすぎて全量を把握するのも大変ですが、要点だけまとめました。 目次 ・Material Themingで多様なスタイルが可能に ・コンポーネントの更新 - App Bars：Bottom - Backdrop - Extended FAB - Sheets : Side - Text Fields - ButtonsMaterial Themingで多様なスタイルが可能に今回のアップデートで一番インパクトがあったのがMaterial Themingでした。これまでMaterial Designではどのアプリも画一的なスタイルに制限されていましたが、Material Themingによって多様なスタイルが可能になりました。これにより、ブランドイメージに
(訳注：2020/08/22、画像と動画が正しく表示されていなかったためリンクを修正しました。) こんにちは。このブログは12月にO’Reillyから出版予定の私の著書『 Designing Products People Love 』からの抜粋です。ぜひ本も読んでみてください。また、FacebookやTwitter、 Slackなどで活躍されている20人以上のプロダクトデザイナーにインタビューもしています。* 無味乾燥なUIを経験したことはありますか？ 何か が足りないと感じてしまうようなUIを作ってしまったことはありませんか？ もしそうであれば、使い勝手の悪いUIを経験したのだと思います。 使い勝手の悪いUIには進捗インジケータがありません。ユーザにどこで障害が起きたのか知らせてくれません。怖いエラーメッセージでも表示してくれれば、なお良いのですが。わずかなデータのみの奇妙なグラフです
漫画にどんな色が使われているか調べてみよう🔍 マンガ📙のタイトルや作者を入力してください↙ サンプルコミック：ちはやふる・ワンピース・宝石の国 ❓タイトルを思い出せない漫画を探す：無料漫画も有 31日間の🉐無料お試し期間を使うことでアニメや映画などの動画視聴と漫画が楽しめます❗ U-NEXTで 漫画 を → 無料登録して読む📚 U-NEXT🎬には🉐無料お試し期間があるので登録してその間に漫画を読んじゃいましょう😃見放題アニメも大量にあるので要チェック💕 また、登録直後に600ポイントもらえるので1〜2冊は好きな漫画を買って読むことができますし、サンプルで少し試し読みもできます。 💰買うのもU-NEXTがお得❗お試し終了後も、毎月1200ポイントチャージされたり、最大40％のポイント還元があるので読みたい漫画の最新話を無料感覚で読めます。解約も非常に簡単なので安心です。 漫
デザインが理解されない、という問題点と、デザイナーの存在価値を認めてもらえない、という不満を混在させると厄介なのかな、と感じているのですが、それら二つはやっぱりイコールでつながるものでしょうか。 匿名 同じ言葉 != 同じ意味 「デザインはビジネスに貢献する重要なポジションになってきている」 デザイナーとそれ以外の方でこの言葉の受け取り方が異なります。私たちデザイナーであれば、重要な存在になることで本来すべき理想的な工程と成果物が作れるようになると考えるでしょう。しかし、その考え方はデザイナー視点であって、他の役職の方が同じように捉えているわけではありません。デザインというものを『導入』すれば儲かるから重要なポジションだと捉えている人もいます。 同じ言葉でもまったく違う捉え方ができるわけですから、誤解も生じます。「デザインは重要」と言われているからといって、デザイナーが想像する重要な存在に
ソフトウェアの世界には「悪い方が良い」原則という有名なエッセイがある。キレイにレイヤ分けされた一貫性のある良いデザインよりも、一見手抜きっぽい悪いデザインのほうが実は良いときもあるという話だ。この逆説的なデザイン原則を僕は身をもって体験したことがある。それについてちょっと書いてみようと思う。 僕はlldというリンカの現行バージョンのオリジナル作者だ。リンカというのはコンパイラと組み合わせて使うもので、実行ファイルやDLLを作るのに使用される。lldはプロダクトとしてはかなり成功していて、標準のシステムリンカとして採用しているOSがいくつかあったり、GoogleやFacebookなど皆が知っているような大規模サイトの中で広く使われていたりする。 現在のlldは2世代目で、第1世代のlldは僕がプロジェクトに参加する前から存在していたのだけど、数年前にそれを捨てて一から書き直すということになっ
ブログプラットフォームMediumで活躍するUXデザイナーのマルチン・ヴィハルィが数週間日本を滞在した際、まず目についたのが日本で日常的に使われているUI（ユーザーインターフェース）だった。掲示板やボタン、また日本人にとって当たり前である日常的な行動、例えば並んで電車を待つことや飲食店で食券を買うことなどが、外国から来た人間にとっては驚くべきことだった。 2週間の日本滞在中、掲示物からゴミ箱に至るまで、日本式の物事への取り組み方について気づいた様々なことをツイッターで配信していった。結果、ツイートのスレッドは300にまで膨れ上がり急速に世界に知られることとなった。 This epic thread of @mwichary‘s observations and surprising moments in Japan, with an emphasis on everyday UIs,
ふわふわ、ぐるぐる、ぷりぷり、ぼこぼこ……。日本語に豊富だとされる、擬態語や擬音語などの「オノマトペ」をもとに発想された8種類の遊具が置かれる屋上庭園『オノマトペの屋上』が、今年4月29日に、富山県美術館に開園する。 この屋上のデザイン監修と遊具をデザインしたのは、グラフィックデザイナーの佐藤卓。これまでに数々の人気商品のパッケージデザインや広告はもちろん、教育番組や自身がディレクターを務めるデザイン専門施設「21_21 DESIGN SIGHT」（以下、21_21）での展覧会企画などを通して、「デザインとは何か？」を問い直し、人々の視野を広げるような活動を行なってきた。 今回、手がけた『オノマトペの屋上』の実例と合わせて、彼の考えるデザインの役割や領域について語ってもらった。「デザインは机の上ではなく環境の中で考える」「デザインに関わりがない物事なんてない」「デザインとは気を遣うこと」な
まとめ 誰だか知らないが、この展望台のデザインした奴は天才だなと思った。これが『デザインの勝利』なんだよ。 東京ミッドタウン日比谷の「極力シンプルで美しいデザインにしよう」というデザイナーの欲求がトイレのアイコンを小さくしすぎて「トイレはどこ？」という質問が多発して看板が設置されるの、まさに『デザインの敗北』というほかなくてとてもすき 133843 pv 526 107 users 1394 ニカイドウレンジ @R_Nikaido 「デザインの勝利」が可視化されないのは、優れたデザインは空気のように透明な存在だから知覚されなくなってしまうからだと思う。個人的に凄いデザインだと思うのは ・鍵を閉めないときは自動的に開放状態になるトイレのドア ・鍵を閉めないと扉から鍵が取れないロッカー この2つは凄いなと。 2018-04-04 10:21:45 ニカイドウレンジ @R_Nikaido 「鍵を
お気に入りのスタートアップやサービスのロゴがいつの間にか変わっている。このような事が最近増えている。 少し前までであれば、「ロゴのリデザイン ー なぜGapが失敗しAirbnbが受け入れられたのか」でも見られるように、ロゴの変更やリブランディングは一つのトピックとして、多くの人たちからの反響が得られていた。 しかし、最近ではなぜか”しれっと”変わっているケースが後を絶たない。それも新しいロゴのデザインが”ある一定の”共通パターンをなぞっていて、特にロゴタイプの部分はどのロゴもかなり似通ってきている。 スタートアップのビジョンをロゴで表現スタートアップを始めた当初には一体何があるであろうか？ファウンダー達の理想的な未来へのビジョン、名前、そしてロゴぐらいだろう。プロダクトもほぼ無い状態の場合、見た人の印象に残るのはその名前とロゴぐらいしか無い。そのために、自分たちのビジョンをロゴに込めて表現
1年目のデザイナーに教えたほうがいいことや、デザイナーを育てるとはどういうことなのか。 自分のことはどうにかなってきた20代中盤。「デザイナー育ててね」と突然言われても何から始めればいいのかもよく分からなかったですし、どうやってアドバイスしたらいいかも分からなかった当時、デザイナーの育成に関する記事があまりに少ない印象だったので、同じような境遇の方の役にたてば嬉しいです。 ※この記事は、2017年4月にMediumで公開した記事を加筆・転載したものです。*** 本人が課題を感じて初めて成長するWe don't know what we don't know. （分からないことが分からない。）突然ですが、他人に言われた時よりも自分で課題を認識できた方時の方が腹落ちしませんか？ 教える側は、相手が分かっていないところが分かるのですが、当の本人は「分からないことが分からない」状態なのです。でも、
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
