なぜエンジニアが作る画面はダサいのか…?「理由」と「対策」を徹底解説【エンジニア向け画面デザイン講座】 - Qiita
なぜエンジニアが作る画面はダサいのか…?「理由」と「対策」を徹底解説【エンジニア向け画面デザイン講座】UXUIDesignUIデザイン画面設計 1.はじめに エンジニアの私がデザインを本気で勉強した結果、デザイナーとエンジニアはそもそも思考が大きく違っているということがわかりました。 今回は「それ」をデザインに苦手意識のあるエンジニア方にも理解してもらえたらと思い、わかりやすくまとめてみました。 2.アプリの画面デザインを考えてみよう まず、こんなアプリを考えてみてください。 フィットネストレーナーが使うアプリ トレーニングルームでお客様とお話しながら使う 端末はタブレット そして 会員の個人情報確認 前回までのトレーニング状況の確認 次回の予約受付 といったことをします。 使える情報としては、こんな感じです。 あなたならどう画面デザインをするか、もしお時間があったら考えてみてください。
デザインの敗北事例集～人に伝わらないデザインは死ぬ～｜かじさん＠旅するWebマスター
ヒトに伝わらないデザインは、いとも簡単に死んでしまう。 オシャレでカッコよく、綺麗で鮮やかなデザインを作り、自分もクライアントも満足したとしても、機能性が無いデザインは簡単に死ぬのだ。 今回はそんな「デザインの敗北」事例を10個程度ご紹介しよう。 ※反対の「デザインの勝利事例集」記事はこちら 東京ミッドタウン日比谷の「極力シンプルで美しいデザインにしよう」というデザイナーの欲求がトイレのアイコンを小さくしすぎて「トイレはどこ？」という質問が多発して看板が設置されるの、まさに『デザインの敗北』というほかなくてとてもすき pic.twitter.com/kpI8LnWkq7 — Simon_Sin (@Simon_Sin) April 2, 2018 わかりやすいデザインの敗北事例である。 どう見てもトイレを示すアイコンが小さすぎる。 デザインは「問題解決」のためにあるので、機能性を大いに失っ
「パワポで作った」 離れると意味が分かる岐阜新聞の「Stay Home」広告が話題、制作したのはデザイン経験のない営業社員
5月6日の岐阜新聞に掲載された「Stay Home」を呼びかける広告が話題を呼んでいます。一見すると不思議なイラストが並んでいるだけに見えますが、離して見ると意味が分かるというもの。 離れて見ると意味が分かる このイラストは岐阜新聞上で5月1日から5月6日まで行われていた企画「STAYHOME with newspaper」の最終日に掲載されたもの。この企画はお家時間を楽しく過ごしてもらうことを目的としており、5月6日までにもクロスワードパズルや塗り絵などを掲載。話題となった5月6日の広告は、水玉模様を描いたようなイラストが11個並んでおり、一見すると意味が分からないものですが、紙面の指示通り2メートル以上離れて見ると「離れていても心はひとつ」という文字が浮かびあがるようになっています。 STAYHOME with newspaper クロスワードパズル レシピの紹介 こどもの日には塗り絵
「高輪ゲートウェイ」を路線図にどうやって入れたのか
1975年宮城県生まれ。元SEでフリーライターというインドア経歴だが、人前でしゃべる場面で緊張しない生態を持つ。主な賞罰はケータイ大喜利レジェンド。路線図が好き。（動画インタビュー） 前の記事：シャウエッセン入門 ＞ 個人サイト 右脳TV 密集地帯に8文字を追加するという無茶 2018年12月に新駅が「高輪ゲートウェイ駅」だと決まり、JR東日本の東京近郊路線図を真っ先に確認した。 新駅ができるのは品川駅と田町駅のあいだ。JRや地下鉄が密集する地帯だ。あそこに「高輪ゲートウェイ」って入るスペースあったっけ……？ JR東日本 東京近郊路線図（路線ネットワーク）（2018年4月版）より。首都圏でJRに乗ると、車内によく貼ってあるやつ。 品川付近を拡大。品川と田町のあいだに「高輪ゲートウェイ」って入る……？ ここに「高輪ゲートウェイ（Takanawa Gateway）」をねじこむのである。絶対どこ
【翻訳してみた】Google Design - モーションデザインは難しくない｜Iori Iwaki｜Motion designer
前置き 去年の暮れ頃、最初に翻訳をしようと思ったキッカケがこの記事でした。海外ではモーションデザインに関する記事がMediumに存在し、日本語記事が存在しないことにストレスを感じていました。著者のJonasさんに連絡を取り、翻訳の許可をいただいたことからこのnoteの翻訳を始めました。 引用元 : Medium - Google Design - Motion Design Doesn't Have to be Hard 著者 : Jonas Naimark Googleのマテリアルデザインチームで働くモーションデザイナー。 彼のTwitter,Dribbleアカウントはこちら。 https://twitter.com/jonasnaimark https://dribbble.com/jonasnaimark モーションデザインはUIの表現力を向上させ、使いやすくする手立てになります。そ
「au 5G」ロゴ刷新 メタリックデザインで「未来感を表現」
KDDI（au）は8月28日、第5世代移動通信システム「5G」のロゴを刷新した。メタリックデザインを採用し、先進感、未来感を表現したという。同社は2020年3月から5Gサービスの提供を始める予定だ。 また、大量のデータを瞬時に扱うことができる5G時代に「今までの制約から解放された『UNLIMITED WORLD』を始動する」とも発表。パートナー企業とのコラボレーションによるサービス開発や、スタートアップ企業のアイディアを取り入れた取り組みを進めるとしている。 関連記事 ベイスターズとKDDI、5G活用「スマートスタジアム」で協力 「好きな視点でリプレイ視聴」実現へ 横浜DeNAベイスターズとKDDIは、5GやIoTを活用した「スマートスタジアム」の構築に向けたパートナーシップ契約を結んだ。5GとXR、自由視点を組み合わせた映像技術を活用し、ファンが好きな視点でリプレイ視聴できる新たな野球観
白黒写真、色付き線を引いただけでカラー写真に？ ふしぎな錯視が発見され話題
白黒写真に色付きグリッド（格子状の線）を引くと、カラー写真に見えるという不思議な視覚現象が発見され注目を集めています。静止画だけでなく、映像においても同様の錯視が発生することが確認されており、YouTubeで動画が公開中です。 色付き格子柄で錯視が生じる（画像はPATREONより） 動画でもグリッドで錯視が起こる ベースの画像は白黒写真。ですが、グリッドを色付き状態で引くと、まるでカラー写真のように見えてしまうという錯視です。じっくりと見ると白黒写真が使われていることが分かりますが、パッと見ると薄暗いカラー写真のに見える不思議な現象を体験することができます。 ベースはこちらの白黒写真（Photo from LGM by Manuel Schmalsteig CC-BY-2.0, Illusory Color Remix by Øyvind Kolås - http://pippin.gim
佐藤可士和さんのデザインの失敗から学ぶベネフィット（お客様にとっての価値）の重要性
東京都出身のグラフィックデザイナー佐藤可士和さんのデザインがセブンイレブンのセブンカフェに引き続き、今度はウイダーインゼリーのパッケージデザインの件でも叩かれていますね。誰にも失敗はあるわけですが、どこで失敗してしまったのか？共通する１つの大きな原因をみつけたので、マーケティング的観点からここで述べさせていただきます。 答えは簡単、ベネフィットに重点が置かれていない 「ベネフィット」とは、お客様が手に入れることによってもたらされる価値、成果、効用のことです。今回のセブンカフェで言えば、「アイスコーヒーを飲んで喉を潤したい」ということになりますが、早く喉を潤したいのに、どのボタンを押したらいいのかわからない。。。 L？R？レフト？ライト？レギュラー？ラージ？もちろんかっこつけたいのはわかるのですが、初めて買う人が迷ってしまうような、わかりづらいものは意味ないのです。 この件は、セブンイレブン
わかりやすくてかわいい！ 筑波大学に設置されたゴミ箱が「素晴らしいデザイン」と話題に
筑波大学に設置された2つのゴミ箱が、かわいくてわかりやすいと注目を集めています。思いが伝わるデザインがステキ。 「ごみの形をしたごみばこ」をコンセプトに作られたゴミ箱で、ペットボトル用は見た目がペットボトル、空き缶用は見た目が空き缶と、捨てるモノのビジュアルがそのままデザインとなっています。見た瞬間に何用のゴミ箱かが理解でき、また自然と分別に協力したくなる魅力も感じます。同時に派手すぎず地味すぎず、ポップでかわいらしいのがまた良き！ わかりやすさとキュートさを兼ね備えたデザイン！ 筑波大学公認の同プロジェクト「つくば ごみばこ ぷろじぇくと」は、人文学類の学生が昨年立案しスタート。きっかけは、弱視歩行体験をした際に感じたゴミ箱の使いにくさ。そこで、「色覚障害や弱視であったり、文字が読めなくても何用のごみばこか判別しやすく、高さにも配慮して子供や車椅子の方にも使いやすいものを作りたい」という
これだけ守れば見やすくなるデザインの基礎
2019/04/18に株式会社gumi様で行ったデザイン講義のスライドです。 デザインとは何か？デザイナーは何を考えてデザインを作っているのか？ という話から、実際にデザインを評価・検討するための言葉を紹介しています。 この 作品 は クリエイティブ・コモンズ 表示 - 改変禁止 4.0 国際 ライセンスの下に提供されています。 第二回「UIデザインをはじめよう」はこちら https://speakerdeck.com/kinakobooster/uidezainwohazimeyou 第三回「今日からできるUXデザイン」はこちら https://speakerdeck.com/kinakobooster/jin-ri-karadekiruuxdezain ※訪問講座のご案内※ あなたの会社に話しに行きます。料金表はこちら https://xemono.life/#/workwith/co
コクブカメラ｜iPhone先頭@au新宿 on Twitter: "フロア名をカッコ良くしようと横文字だけにした結果、意味が分からなすぎてテプラを貼られていた銀座LOFT、4月の大改装で分かりやすくなったぞ！！！ https://t.co/H6o3FQhNuz"
フロア名をカッコ良くしようと横文字だけにした結果、意味が分からなすぎてテプラを貼られていた銀座LOFT、4月の大改装で分かりやすくなったぞ！！！ https://t.co/H6o3FQhNuz
過去の表紙を一挙に紹介！「AIに興味を持つきっかけに！」人工知能学会誌『人工知能』表紙を手がけた二人の想い | 人工知能ニュースメディア AINOW
30年と長い歴史を持つ『人工知能』ですが、なんといっても特徴的なのは、その表紙です。実は2014年の誌名の刷新と同時にこの表紙も大幅にブラッシュアップされました。 生まれ変わった『人工知能』 2014年に刷新された『人工知能』。その表紙を一覧にしてみました。どんな表紙があるのか、まずはご覧ください。 『人工知能』Vol.29〜Vol.33 Vol.29 （2014年） Vol.30（2015年 大澤さん担当） Vol.31（2016年 大澤さん担当） Vol.32（2017年 三宅さん担当） Vol.33（2018年三宅さん担当） 表紙を強化したのはなぜ！？ 『人工知能』はその表紙のユニークさが、他の学会誌とは一風変わっています。テーマごとに、手の込んだ表紙が作られ、つい手にとってみたくなりますよね。 大澤さんと三宅さんに人工知能学会の学会誌について伺ってみました。 ーー人工知能学会誌の創
“表紙あるある”の知恵がこのタグに集結！ #それっぽくなる表紙 - Togetter
🐕️ @54jpd09 今まで作った表紙だが… 一枚目：絵に文字を重ねて後は揃えとけ 二枚目：正方形で揃えとけ 三枚目：タイトル斜め、写真はぼかしてりして効果的にしとけ #それっぽくなる表紙 pic.twitter.com/SOOvvkYgFH 2018-10-24 21:34:52
UIBugs | MDN
ユーザインターフェース(以下、UI)に関するバグは、いわゆるバグと、こうあるべきだという要望の二種類に分けて考えた場合、圧倒的に要望が多く寄せられるものです。ですが、UIに関する要望を行うことは原則的にやめてください。特に、既存の動作と賛否両論が分かれるような要望は受け付けられません。 何故かと言うと、現在のMozilla関連製品は全て「独裁的な」開発体制によってUIの仕様が決定されています。これは過去に様々な要望を取り込む「民主的な」開発体制で失敗した経験を持っているためです。 Bugzilla-orgではUIに関する議論も行われていますが、これはBugzilla-jpという"架け橋"ではできないことです。つまり、UIに関して議論が行いたい場合、Bugzilla-jpという場は良い場ではありません。 また、この開発体制が全ての人の要望を満たすことができない、という事実に対する回答として「
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
https://twitter.com/bit_ese/status/1396400120707485698
Craigslistとはどんな会社で、サービスがあるのでしょうか？日本に同業態もしくは近い業態の会社はありますか？に対するKenn Ejimaさんの回答 - Quora
Amazon.co.jp: けっきょく、よはく。 余白を活かしたデザインレイアウトの本: ingectar-e: 本
ノッぴ on Twitter: "ミリ5thのパンフ届いて早速見たけどまちこのページ黄色背景に白文字とか読みづらすぎてレイアウトデザイン考えたやつもう雇わないでほしいレベル https://t.co/84Y6PVVQdO"
Logo Design Trends from 2022 | ZenBusiness
Amazingly Simple Graphic Design Software – Canva
