なぜエンジニアが作る画面はダサいのか…?「理由」と「対策」を徹底解説【エンジニア向け画面デザイン講座】 - Qiita
なぜエンジニアが作る画面はダサいのか…?「理由」と「対策」を徹底解説【エンジニア向け画面デザイン講座】UXUIDesignUIデザイン画面設計 1.はじめに エンジニアの私がデザインを本気で勉強した結果、デザイナーとエンジニアはそもそも思考が大きく違っているということがわかりました。 今回は「それ」をデザインに苦手意識のあるエンジニア方にも理解してもらえたらと思い、わかりやすくまとめてみました。 2.アプリの画面デザインを考えてみよう まず、こんなアプリを考えてみてください。 フィットネストレーナーが使うアプリ トレーニングルームでお客様とお話しながら使う 端末はタブレット そして 会員の個人情報確認 前回までのトレーニング状況の確認 次回の予約受付 といったことをします。 使える情報としては、こんな感じです。 あなたならどう画面デザインをするか、もしお時間があったら考えてみてください。
文章の作り方 - 伝わるデザイン 研究発表のユニバーサルデザイン
研究者や研究に関わる大学生や大学院生は、一年を通じて研究室ゼミや学会などで研究成果の発表を行なわなければなりません。また、近年、科学者でない人たちに対する一般向けのプレゼンや講演（アウトリーチ活動）の機会も増えてきています。他にも、研究論文や報告書を書いたり、研究費調達のために予算申請書やプロジェクトの提案書を作成したりすることも、研究者にとって欠かせない仕事です。これらはいずれも情報を他者（研究仲間や審査員、一般市民）へ伝えようとする行為であり、正確かつ効果的な情報の発信が望まれます。しかし、自己流で資料を作成して、闇雲に情報を発信していても、スムーズに情報は伝わりません。ときには誤った情報が伝わってしまい、研究の価値を正当に評価してもらえないことさえ起こりえるのです。 情報を正確にかつスムーズに他者に伝えるためには、情報をデザインすること、つまり文章を読みやすく整えたり、図表を見やすく
このデザインは酷い…ある場所の点字ブロックが物議を醸す「利用するのは全盲の方だけではない」「健常者でも怖い」
障害部位でつながるSNS＿OpenGate @OpenGate_AL 点字ブロック、黄色がいい 見た目に気を使ってグレーや白、茶色のものが増えています。しかし視覚障害者団体は「黄色以外だと道路の色に溶け込んで見えにくいので、黄色にしてほしい」と求めています。 #視覚障害 mainichi.jp/articles/20171… 2017-11-21 14:03:27 障害部位でつながるSNS＿OpenGate @OpenGate_AL OpenGateは、身体障害者が障害部位ごとにつながり、語り合えるSNS。ご家族、従事者、企業の方もご利用いただけます。 障害部位を登録いただくことで、近い境遇の人やほしい情報・商品・サービスに出会いやすくなります。ご利用は無料です。 https://t.co/5ZRRiFLmUL https://t.co/5ZRRiFLmUL リンク 毎日新聞 毎小ニュース
実装を引き受ける前に詰めておくべきWebフロントエンドの想定漏れチェックシート - Qiita
リキッドレイアウトのように幅が常に変動するレイアウトのデザインは、動かないカンプからは実際の挙動が読み取れず、デザイナーの意図が汲み取りきれないことが多い。また、複雑化するアニメーションの実装においても、カンプだけではコミュニケーションに不備が生まれてしまう。ほかにも、CMSを使った案件ではデザインカンプと実際のデータの間に齟齬がある可能性もある。 実装効率を高めてスケジュール通りに仕事を終わらせるには、とにかく事前に仕様を固めることが大事だ。ワイヤーフレームやデザインの途中の段階からなるべくデザイナーとコミュニケーションを重ね、想定外の要件が発生しないように気をつけるべきだろう。 この記事では、デザイナーやフロントエンドエンジニアが見落としがちなWebフロントエンドの課題について列挙していく。 ホバー表現を後から指示される ツッコミ 後から仕様追加されると困るから先に決めて! メモ 最近
Dragon's Lair「ヨーロッパ紋章学」
歴史劇やファンタジーに登場する数々の王国、帝国、そして騎士たち。そこには国家や都市、団体を象徴するかのような、様々なマークやシンボル、紋章が描かれた旗や上衣、楯などが見てとれます。単なるシンボルやマークならともかく、それらの紋章には、実は様々な決まり事や意味があります。ここではそのしきたりや決まり事、「紋章学」について紹介しようと思います。ただし紋章学というものはとても奥が深く、いろいろ書物、文献を読んで勉強してみたところで、私ごときに修学できるようなものではありません。実際に紋章学全般を修学しようとすれば、何十年もの歳月が必要になることでしょう。ですからこのコーナーでやるのは、あくまでも紋章学の紹介及び、ファンタジーへの導入の薦めというレベルを出ません。それでもファンタジーや歴史劇を観たり、またゲームなどで作り上げたりする際のイメージソースにくらいにならなるかもしれません。まずはお楽しみ
「K=100は濃い灰色！」「リッチブラックはC90% M90% Y30% K100%」で印刷関係者が騒然
概要 ▶ PhotoshopVIPのK=100は黒ではありません？ K=100は濃いグレー？ リッチブラックはC=90, M=90, Y=30, K=100？…疑問に思ったので調べてみました。 K=100は黒ではありません。 Photoshopでやってしまいがちな10個の間違い - PhotoshopVIP 「Photoshopでやってしまいがちな10個の間違い」（PhotoshopVIP）で「K=100は黒ではありません」「K=100は濃い灰色」とあったので印刷関係者が騒然となった（一部）。 名指しはしていないけど、こちらのブログでも K100%は「濃いグレー」か？ 日本に限って言うならはっきりと、「いいえ。違います」 K100%はグレー？？？いいえ、「黒」です。それでもリッチブラックを使うなら… | やもめも とある。（違ったらすみません） 日本と欧米ではブラックのインキの濃度が違う
はてなブックマークのデザインが見辛い
なぜこんな改悪をしてしまったのだろう。 http://www.itmedia.co.jp/news/articles/1301/08/news128.html 大幅なデザインリニューアルは2008年11月以来との事だが 当初から利用しているユーザーとっては大変使いにくく、見辛くなってしまったのがとても残念だ ＞1月30日には、ブックマークコメントの一覧表示ページを刷新する予定。 こちらも初期ユーザーからすると残念なお知らせになりそう。 初期のデザインに戻す機能を付けてもらいたい。 同意見の方はこの投稿をブックマークして（エントリーに載れば）はてな社員に目をつけてもらえるかも。 ※おもしろいサイトを見つけたのでリンクを貼っておく http://mixch.blog.fc2.com/ はてなブックマークを見るのに使えるかも
Webマンガにおける視点移動とコマ割について | ゲームばっかりやってきました
私たちはこの3パターンの読み方に非常に慣れている為、例えば「左とじで、左から右に展開する」アメコミであったりは読む際にストレスを感じてしまうことがある。 またWeb上のテキスト読む場合は殆どの場面において Web上で見る場合（黄色い線はブラウザ1画面の区切り） Web横書き という構造になっており、ずらーっと縦長の状態で読んでいくことになり視線移動におけるストレスは、一般的な「左とじ、横書き」の「本」よりも少ないとも言える。 一方でWeb上で縦書きのテキストを読む場合 Web縦書き このように、ページ移動時にかなり無理な視線移動を要求されるストレスフルな構造だということがよくわかる。 2ちゃんねるやブログが「インターネット」という場所で受け入れられたのは、この「横書きで下に向かって読んでいく」という表示が、文章を読むのにストレスのかからない形であったのも大きいのかもしれない。 さて、ここか
エバーノートのクリエイターが教える「魅力あるUIとUX」の極意
2012年2月3日、“シリコンバレー流”のユーザー・インタフェース（UI）やユーザー体験（UX）、ブランドのデザインをテーマにしたトークセッションが、デジタルガレージ本社で行われた。 登壇したのは、米エバーノートでクリエイティブディレクターを務めるゲイブ・キャンポドニーコ氏（写真1）。米アップルでの勤務経験も持つ同氏は、この数年にわたるエバーノートのアイコンのデザインからブランド構築までの数々の経験談を語った。 同氏が講演で指摘したUIとUX、ブランド構築のポイントは、以下の9点にまとめられる。 1）最初から編集に着手してはいけない 最初の教えは、「いきなり編集に着手してはいけない」。同氏がデザインする際に心がけているのは、できるだけたくさんの情報を収集すること。そのために同氏は、たくさんの人に会うのだという。 エバーノートには創業時から参加することになったので、同氏はまず企業ロゴを考える
暮らしの情報サイトnanapiはサービスを終了いたしました | nanapi [ナナピ]
2020年8月31日(月)をもちまして、nanapiに関わるすべてのサービスは終了いたしました。 nanapiは、2009年のサービス開始より「みんなで作る暮らしのレシピ」という考えのもと、ユーザーの皆さまに生活に関する様々な「ハウツー」を投稿していただく投稿型ハウツーサービスとして運営してまいりました。 約11年間にわたって皆さまからご支援をいただきサービスを継続できたこと、nanapi編集部一同、心より御礼申し上げます。 掲載されていたコンテンツなどのnanapiについてのお問い合わせは、nanapi@supership.jp までお願いいたします。 長きに渡りnanapiを応援してくださり、本当にありがとうございました。
O'Reillyの表紙をパロディしたい人向けのあれこれ - びびび新書
Kantで始める定言命法プログラミング 単行本：480ページ 出版社：オクライリー・ジャパン (2011/05/01) 発売日：2011/05/01 内容紹介：Kantは優れた観念論的プログラミング言語ですが、その最大の特徴は「定言命法」と呼ばれる独特の記法にあります。無条件に「〜せよ」と命じる絶対的命法、すなわちIf文の存在しない記法。それが定言命法プログラミング言語Kantなのです。If文がなくてもプログラミングはできる。それもとびきり倫理的なプログラミングができるということを、皆さんにお教えします。 O'Reillyの表紙フォントとか 冗談はさておき、オライリーの表紙をパロディしたものを作りたい人向けのメモ。主に自分向けでしかないけど。 Webサービスを利用する O'Reilly MakerというWebサービスを使うと、誰でも簡単にオライリーの表紙っぽいものを作れる。ただし、以下の点
名前とは裏腹に考え抜かれたユーザーインターフェースを持つタブレットのデザインコンセプト「弁当Box」
iPadに続き、メーカー各社から次々と新しいタブレットが発売されている昨今ですが、新たなタブレットのデザインコンセプトとして素晴らしいアイデアが公開されていました。その名も「弁当Box」。 弁当箱の名の通り、弁当Boxの中にはさまざまなデバイスが収納されており、シチュエーションに合わせてこれらを組み合わせて使ったり、取り外して個別に使用したりすることが可能。名前に似合わず考え抜かれたデザインになっています。 弁当Boxの詳しい内容は以下から。Bento Laptop Tablet Hybrid by René Woo-Ram Lee » Yanko Design これが弁当Boxの全体象。 お弁当箱の中身は、15.4インチ、16:10 OLCDの「弁当Book」、11インチ、21:9 OLCDの「弁当Pad」、1TB SSDの「弁当Pod」、4インチ、16:9 OLCDの「弁当Phone」
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Open Color
Google Design
ノンデザイナーのための配色理論
IDEA * IDEA