知識０から、ちょっとUIデザインに詳しくなるnote｜やました
前回は、「UIデザインってそもそも何なの？」という概論的な説明と、UIデザイン未導入の組織の中でみんなでデザインを始めてみるための施策（プロトタイピングとユーザビリティ評価）を話しました。 今回はサービス、プロダクト開発において、デザイナーではない人でも知っていて損はないUIデザインの重要ポイントについて説明します。主に以下の３つのテーマについて順番に議論をしていきます。 デバイスやソフトによるUIの違い ユーザーにかかる身体的・認知的負荷を理解する UIの重要概念（ナビゲーション、インタラクションなど）を知る 「ちょっと」と銘打っておきながらめちゃくちゃ長いnoteになってしまったので、気になる項目だけ読むか、何回かに分けて読んでいただくことをおすすめします、。 ※どこか内容に間違ってる部分やご意見ありましたらコメントいただけたら嬉しいです。 デバイスやソフトによるUIの違い皆さんがお使
UIデザイン時にやってしまいがちな18の誤ち｜Mikio Kiura / ANKR DESIGN
WebデベロッパーのVictor氏による下記のツイートから始まるスレッドが大変参考になる内容だと感じたので、ご本人に許諾を得て日本語で紹介させていただくことにしました。 I reviewed 100+ user interfaces this year. Avoid the most common 18 mistakes to make your UI/UX design better 👇 — Victor (@vponamariov) July 30, 2021 私は今年100以上のユーザーインターフェースをレビューしました。あなたのUI/UXデザインをより良くするための、下記に示す18個の良くある誤ちを回避しましょう。本記事で使用する画像はすべてVictor氏のツイートから拝借しています。なお翻訳には一部私の意訳が入っていることをご了承ください。 1. 薄いコントラストの文字適切では
Office Fitouts Melbourne | Commercial Fitouts by Concept
Commercial & Office Fitouts Melbourne When you choose an office fitout with Concept, you’re choosing a people-powered workspace to transform your business. Your Office Fitout Melbourne No matter the shape or size of your office or commercial space, we can create a bespoke design to meet the specific needs of your business. From complete office fitouts spanning 2,000+ SQM to smaller office renovati
自分のデザインのスキルがチェックでき、勉強にもなるクリエイティブなゲームのまとめ
カラーの見極め、文字の美しい字詰め、図形の認識など、デザインに大切なスキルが自分はどのくらいなのか分かり、しかも勉強にもなるスキルチェックのゲームをまとめたサイトを紹介します。
ストレスのないスマホサイトを作る８つのポイント！
お久しぶりです。マラガの海の贈り物ディレクターのSEKOです。 みなさんは普段スマホで「いつ」「どこで」調べ物をしますか？ 私は会社の行き帰りの電車の中で調べ物をしている事が多いですが、「限られた時間の中で知りたい情報をすぐに見つけたい」なのにサイトが重かったり、知りたい情報が見つけにくい、操作がしにくい。そんな経験はないでしょうか？ 本日はストレスのないスマホサイトを作るにあたりUIをどのように考慮していけば良いか８つのポイントをお届けします。 スマートフォンを利用するシーンを想像しよう。 まず一番重要なことがスマホサイトを利用するシーンを考える事です。大抵スマホサイトを利用する場合は下記の状態が考えられます。 時間に余裕がない 通信環境が不安定な状況にいる 利用が断続的である。 屋外、通勤時間の電車の中、休憩時間のカフェ、会話中に思い出せない事がある時など「すき間の時間」の利用シーンが
スマホUI考（番外編） 顧客やユーザーの要望に全て対応すると、アプリは99%破綻する | fladdict
顧客や上司、ユーザーの場当たりな要望に対応しつづけると、どんなアプリもゴミアプリになる。たとえそれが理にかなった要望であっても。 なぜなら面積の限られたスマホでは「一画面の機能数とボタン数」が、使い易さと品質に深くリンクしているからです。 ということを、エラい人にプレゼンするのがお仕事の今日この頃。でも毎回毎回、同じことを説明するのがシンドイので資料をブログにまとめたいなぁと思うなど。 思考実験として、ここでは架空事例としてTwitterアプリを例に考えてみる。 何かの間違いで、日本の大手メーカーがTwitterを買収すると・・・UIデザイナーが体を張らないと99%ぐらいの確率でこうなるのです。 ここがオリジナル Request1: ダイレクトメッセージをトップ階層に ユーザーからの真っ当な要望。実際にはサービスの本質ではないのですが、要望はかなり多いはず。 ただTwitter社的にはme
サービス終了のお知らせ - NAVER まとめ
サービス終了のお知らせ NAVERまとめは2020年9月30日をもちましてサービス終了いたしました。 約11年間、NAVERまとめをご利用・ご愛顧いただき誠にありがとうございました。
Webサイト制作でつまずきがちな解像度に関わるあれこれ │ Design Spice
アプローチ方法は違うものの、このdipと先程のデバイスピクセル比はほぼ同じ目的を持った機能です。 参考：Androidレイアウトの単位 – dpについて掘り下げる – アンテナ立てて viewport 仮想的なウインドウサイズです。 viewportがないと仮定した場合、デバイス幅320pxのiPhoneでインターネットにアクセスした時のウインドウサイズは320ピクセルとなり、通常のサイトを閲覧するには不便です。 そこで仮想的に大きいウインドウサイズとすることで、通常のサイトでもひと目で情報が見え、閲覧性や操作性を高まります。 viewportのデフォルト値は980ピクセルです。 （※iPhoneは980ピクセルで間違いないのですが全てのスマホで980ピクセルでしょうか？ 情報が見つからなかったので知ってる方は教えてください） また、viewportの数値はサイト側で指定できます。 スマホ
配色の基本。メイン・サブ・アクセントカラーを極める！
前回の[カラーデザインの基本。トーンを理解する！]と[カラーデザインの基本。色の三属性とは？]に引き続き、今回はメインカラー・サブカラー・アクセントカラーの基本ルールについて解説させていただきます。このメイン・サブ・アクセントカラーの基本ルール正しく理解すると、配色を考えるのが簡単になります。 頻繁に配色を悩む方や、デザインの途中で配色を変えてしまう方は、このメインカラー・サブカラー・アクセントカラーのルールを正しく理解できていない可能性があります。なので今回解説するこの記事を読んで、配色についての理解を深めましょう！(偉そうに書いちゃいました。すみません) ちなみに配色という言葉を辞書で引くと、『2つ以上の色を組合わせること。また、組合わせた色合いのこと』と書いてあります。 メイン・サブ・アクセントカラーの役割 まずは、メインカラー・サブカラー・アクセントカラーと呼ばれる、各要素の役割に
デザインが苦手な人も分かる「デザインは全て意味がある」6つの要素
元々これはwebcre8が人にデザインを教えるとき、「細部まで考えて考えて決定するからこそデザイナなんだよ」と言う事を伝えたいが為に書こうと思ったものです。熟練者の方も、読んで同様に思われましたら是非教育に使ってみてくださいｗ はじめに：デザインとは webcre8は「webデザイン」の門扉を叩いてから3年程。まだまだこの世界ではwebの先輩方から学ばせてもらうばかりですが、曲がりなりにも「デザイン」というもの自体とは長く向き合ってきたつもりです。 webcre8の考えでは、例えばゲームのキャラクタの服の飾りであろうと、安売りの札の配色であろうと、webデザインのレイアウトであろうと、とにかく「デザイン」という作業は「なぜそれをそうするのか」という思考の戦いであると、今はそうなっています。 だから今webcre8自身が向き合っているのはたまたまwebデザインですが、このこと自体は建築デザイ
このアプリのこの動きがたまらない 〜UIが斬新なiPhoneアプリ特集〜 - #RyoAnnaBlog
Tweet アニメーションや効果音が、たまらなく気持ちいいアプリがある。スワイプした時の動き、ボタンを押した時の効果音、ピンチアウトのユーザーインターフィエス。ちょっとしたギミックが、そのアプリの魅力を決定的なものにする。 今回は、UIが斬新なiPhoneアプリを集めた。同じ感覚の人がいると嬉しい。 Daily Routine 1日のルーティンワークを設定して通知するアプリ。カラフルなスロットを上下に動かした時の、マーブルの曲線がとても綺麗だ（動画 00:05）。 関連記事：時間にくさびを打って24時間を習慣化する Daily Routine | Lifehacking.jp Daily Routine - YouTube Tweetbot 小気味よいアニメーションと効果音がクセになるアプリ。とりわけ、ツイートを左右にスワイプした時の動きと音がたまらない（動画 01:30）。また「ツイート
ブランド・デザイナーズ家具が格安で買えるアウトレット通販サイト
サービス終了のお知らせ NAVERまとめは2020年9月30日をもちましてサービス終了いたしました。 約11年間、NAVERまとめをご利用・ご愛顧いただき誠にありがとうございました。
これからIllustratorを始めてみようという人のための基本操作とかいろいろ
Illustrator を使い始めるにあたっての、予備知識や基本操作をまとめてみました。Illustrator って簡単ではないと思うんですけど、Webデザイナーなら使いこなしたいソフトウェアのひとつですよね。これからWebデザインで Illustrator を使ってみようという人が、少しでも Illustrator に親しんでくれればいいなーと思って書きました。 私はいつも Web制作の時には、Photoshop と Illustrator を使っています。ずっと前、Webデザインを勉強しはじめた頃、私は Illustrator より先に、まず Photoshop から使い始めました。そしてそのあと初めて Illustrator に触ったとき、Photoshop よりもとっても難しく感じて、基本操作もなかなか覚えられなかった想い出があります。 もちろん ベジェ曲線 や パス など、Ill
クリエイティブな名刺の数々。こんな名刺を用意する人と仕事がしたい。
クリエイティブな名刺の数々。こんな名刺を用意する人と仕事がしたい。 デザイナー必見。 2011-12-01T19:00:14+0900 @yukkuri0616をフォロー ゆっくりしていってね!!-ゆっくりライフハック、しませんか？- クリエイティブ クリエイティブな名刺の数々。こんな名刺を用意する人と仕事がしたい。 Tweet 「クリエイティブ」カテゴリの最新記事 クリエイティブな名刺の数々。こんな名刺を用意する人と仕事がしたい。 氷で作られたホテルが美しすぎる。氷には光がよく似合う。 ポップなiPhone、iPad兼用スタンド『MoviePeg』が、ちょっとしたプレゼントに最適すぎる。 クリエイティブを通り越した花瓶 クリエイティブな万年筆、集めました。 タバコだけで魅せる『虎の毛皮』 FlexTabletのコンセプトをみてたら、ワクワクしてきたw MacBookが2020年に向けて目
ハリウッド映画のポスターにありがちな13パターン Pouch［ポーチ］
映画の本場といえば、なんと言って米・ハリウッド。毎年数え切れたほどの作品が制作され、のちの作品に影響を与える名作も多数誕生しています。そのハリウッド映画のポスターには、実は決まったパターンがあるようです。過去のポスターのパターンを分類した画像が、海外のインターネットユーザーの間で話題を呼んでいます。以下がその13パターンです。 ・ ハリウッド映画のポスターでありがちな13パターン 1． 浜辺に立つ人々と、空に浮かぶ巨大な顔 感動的なドラマ映画に多く見られるパターン。浜辺に立つ人たちと、空に浮かぶ人物は、作中で別離（死別）する可能性が高いです。 2． セクシーな背中（多くは武器を持っている） アクション映画に多く見られるパターン。 3． 背中合わせ ラブコメディやアクション映画み見られるパターン。多くは男女が背中合わせで立ち、2人は本編で恋愛関係に陥るケースがあります。 4． ベッド ラブコ
暇だし企業ロゴの歴史でも張っていこうと思う ニコニコVIP2ch
ニコニコVIPユーザー様、肌寒くなりましたですね！ いきなり、気温が下がったので、着る服に困る・・ だからと言って、どの秋物から買えばいいのやら・・ そんな時は、絶対、無地のカットソーです！ シャツの上にもOK、ジャケット羽織ってもOK♪ しかも、鉄板は「ほどよいVネック」。 深すぎず、浅すぎず。ここがポイントなんです！ ⇒無地カットソー2枚セット、この価格で！？ 1 以下、名無しにかわりましてVIPがお送りします 投稿日：2010/10/02(土) 01:10:52.32 ID:Lgcf2/Rl0 まずは有名なこの企業から 2 以下、名無しにかわりましてVIPがお送りします 投稿日：2010/10/02(土) 01:13:06.72 ID:Lgcf2/Rl0 次は兎で有名なこれ 9 以下、名無しにかわりましてVIPがお送りします 投稿日：2010/10/02(土) 01
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Octicons Your project. GitHub's icons.
カッコよすぎる！ケープタウンのスチームパンク風コーヒーショップがヤバい！ - TRUTH Coffee Shop In Cape Town
ウェブ制作にすぐに使えるPSD素材がダウンロードできるサイト -1000PSD.COM
東京メトロの「マナーポスター」はユーモアがあっていいよね！ : ニュー速VIPブログ(`･ω･´)