LCHは、UIにベストなカラースペース｜hirotoarakawa
Linearのリニューアル記事がすごく良かった。 A design reset (part I) How we redesigned the Linear UI (part Ⅱ) その記事の中で「LCHカラースペース」について書かれていた。知らなかったので調べてみると、以下の記事を見つけた。 この記事の内容を抜粋しながら、自分用に簡易なメモとしてまとめる。 LCHとは？LCHは簡単に言うと、異なる色相でも同じコントラストに見えるように構成されたカラースペース。 1976年に国際照明委員会 (International Commission on Illumination, CIE) によって最初に定義された色空間であるため、CIELAB とも呼ばれている。 LCH は、Lightness（明度）、Chroma（彩度）、Hue（色相）の略。 HSL と LCH の違いLightness（明度
デザイン思考が生んだ、問題解決というデザインの「誤解」｜designing
デザイン思考が生んだ、問題解決というデザインの「誤解」 イノベーションを促進する方法として、2000年代のビジネス界に瞬く間に広まった「デザイン思考」。しかし、そのなかで「デザインは問題を解決するためのもの」という誤った意識が強まってしまったと、あるデザイナーは警告する。 2023.06.01 アップルの台頭とともに高まった企業のデザインへの関心。 その流れを追い風に広まったのが「デザイン思考」ではないだろうか。 しかし、そのなかで「デザインはアップルの成功を追随させてくれるもの」「デザイナーは問題を解決する人」という認識も強まってしまい、デザイナーの役割を窮屈にしててしまった——ノースカロライナ州立大学グラフィックデザイン学科助教授で、自身もデザイナーのジャレット・フラーは言う。 では、デザイナーの真の力を発揮するためにもつべきマインドセットとは何か？ フラーはスウェーデン政府イノベーシ
「まるで家電量販店」町議会PR“独特すぎる”チラシ…制作に切実な事情「手段選ばず」
北海道鷹栖町。田園広がるのどかな風景が美しいこの町の“ある取り組み”が、注目を集めています。 それが、まるで家電量販店のようなデザインのチラシです。 しかし、中身をよく見てみると、目を引く配色や写真をふんだんに使って、税金の使用実績などが示されています。 実は、このチラシは、14日から始まる議会の定例会の案内チラシだといいます。 10代男性：「広告の品みたいな」「（Q.これ町議会のポスター）へー、こっちのが見やすい」 なぜ、このようなチラシを作成したのか。そこには、鷹栖町議会の切実な事情がありました。 チラシを作った片山兵衛鷹栖町議：「町民の方に興味を持ってもらうためには、手段を選んでいられない状況」 2019年の鷹栖町議会議員選挙が、3期連続で無投票。議会運営に少しでも関心を持ってもらおうと、こうしたチラシの制作を始めたということです。 チラシの効果は、あったのでしょうか？ 片山鷹栖町議
ソシオメディア | ヒューマンインターフェース ガイドライン
ソシオメディアがまとめている、ヒューマンインターフェースをデザインする際の指針です。これらは、インターフェースデザインに関する様々な文献と、実際のデザインコンサルティングで得た知見をもとに、ソシオメディアが独自に編纂したものです。継続的に追加・更新していきます。 すべてモデルインタラクションプレゼンテーション
Color Palettes for Designers and Artists - Color Hunt
Discover the newest hand-picked color palettes of Color Hunt. Get color inspiration for your design and art projects.
これだけ守れば見やすくなるデザインの基礎
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
「DMM.R18」から「FANZA」へ 世界No.1のデザイン企業が挑むアダルトなリブランディング
POPなポイントを3行で 成人向けサービス「DMM.R18」が「FANZA」へと名称変更 新ブランディングを担当したのはSpotify、Nikeを手がけるCOLLINS 担当者のニック・エースが語るアダルトサービスのリデザインとは？ 8月1日、成人向け（アダルト）サービスである「DMM.R18」の名称が、新たに「FANZA（ファンザ）」へと変更された。3月にDMM.comから成人事業を継承された株式会社デジタルコマースが、引き続き運営を担当する。 「DMM.R18」はインディーズAVの配信サイト「DMM」のサービス開始から20周年を迎え、エンターテインメントとしての性をユーザーに提供し続けてきた日本最大のアダルトコンテンツプラットフォームだ。 様々な性的嗜好に対応したコンテンツの豊富さから、一つの文化としても認知される日本のエロ。海外でも「bukkake」や「Hentai」などの日本語がそ
かっこよすぎる路線図の作者に会いにソウルへ
皇居、山手線の丸を中心に、縦横の直線と、曲線のみで構成された東京の路線図。 東京の路線図は、オフィシャルやアンオフィシャルなものなど様々に見かけるけれど、これほど大胆に曲線を多用して、しかもかっこいい路線図は、今までちょっと見かけたことがない。 東京の鉄道路線図はよく「カオス」だなんて言われているけれど、その「カオス」な路線図を、うまく整理してかっこよく仕上げてる。 調べてみると、韓国ソウル在住のデザイナー、キム・ジハンさんがデザインした路線図だという。 キムさんのウェブサイト「ZEROPERZERO」を見てみると、これだけではなく、もっとたくさんのかっこいい路線図があるようだ。
画面遷移に疑問を感じたあなたにオススメするUI Flowsというツール | UXデザイン会社Standardのブログ
2014.11.19 / UI 画面遷移に疑問を感じたあなたにオススメするUI Flowsというツール Tomohiro Suzuki クライアントやディレクターから渡された画面遷移図を元にワイヤーフレームを作ってみると、後から足りない画面が次々に発見された、または画面内の情報がどこに繋がるのか分からないといった経験はありませんか？ この画面遷移図というものは本来は制作範囲の全体像と構造を明確にし、必要な画面というものを洗い出したりするものです。通常のWebサイトであれば、従来のような画面遷移図でも問題ないかもしれませんが、多くのインタラクションが発生するサービスの設計では複雑化しやすく、何度も情報を行き来して確認することになるため時間がかかります。 原因のひとつとして、画面遷移図では画面名のみを記載して繋げていくことになるため、必要な情報が不足していることが挙げられます。その結果、本来で
文の里商店街ポスター総選挙
気に入ったポスターに「いいね！」 ポスターをクリックするとfacebookのページにジャンプします。 Facebook上のページに「いいね！」を押してください。（何店舗でも可能） 来年、ここでの「いいね」が多かったポスターを発表・表彰します。 あなたの「いいね」が文の里商店街ポスター展を盛り上げます。どしどし、 「いいね！」をして下さい。 リアルでも投票しよう ネット投票に加え現地では実際の投票用紙を使ってポスター総選挙を実施中。 商店街で買い物をすると投票用紙がもらえます。それに記入し投票するとポス ター全集を先着1500名様にプレゼント。 （ネット投票された方にお渡しできなくてゴメンナサイ） ネットとは一味違う実際のポスターを見に来て、ぜひともリアルでも投票してください。
Grid 日本語版
なぜ、レスポンシブに労力を費やすのか? 私達は全てのデバイスにおいて、スクリーンのサイズや縦横の方向といったユーザーの環境に左右されずに、ウェブサイトが利用しやすくなることを目指しています。 断片化された世界 2013年現在、数千種類のデバイスとスクリーンサイズがインターネットにアクセスしています。それら全てに対して、それぞれレイアウトを設計するのはもはや不可能です。そんなことより、デザインにより流動的なアプローチを取り入れるべきでしょう。 モバイルファースト 最近になって「モバイルファースト」という言葉がそこらじゅうで聞かれるようになりました。その言葉は、モバイル向けのスタイルから始めて、必要とされる時に大きなスクリーンに最適化したスタイルを適用するということを意味します。言い換えると、作成したモバイル向けのスタイルがデフォルトになり、それ以降に書き換える必要はないということです。それは
第一回 プログラマ向けデザイン勉強会 #design4p で「ズルいデザインテクニック」発表させていただきました。 - 納豆には卵を入れる派です。
どうも。 書くのが遅くなりすぎてもう半月ほども前のことになってすごく今更感があるのですが、書いておくべきことを書きそびれると、その後出てくる他の書きたい小ネタがどんどん書けなくなっていってドンづまるパターンになるので、やはり書いておきますね。。 先日、第一回 プログラマ向けデザイン勉強会というイベントで下記のスライド発表させていただきました。 少ない手間と知識でそれなりに見せる、ズルいデザインテクニック// Speaker Deck 反響の大きさに驚き！ありがとうございました。 実はあんまり発表自体は、盛り上がったという手応えがあまりなくて、一方で他の2人の発表が素晴らしすぎて、割としょんぼりしながら帰ってきたんですが、スライドをアップロードしたらあれよあれよという間に2000ブクマ超え…驚きました。読んで下さった皆様、ありがとうございました。何が原因だったのか考えてみたのですが、デザイン
少ない手間と知識でそれなりに見せる、ズルいデザインテクニック// Speaker Deck
少ない手間と知識でそれなりに見せる、ズルいデザインテクニック with Sass / Compass (English Version) https://speakerdeck.com/ken_c_lo/zurui-design-technique-english-version 第一回 プログラマ向けデザイン勉強会 #design4p http://connpass.com/event/1185/ で発表させていただきました。 （#p4d プログラマ向けデザイン部 主催イベント http://prog4designer.github.io/） @mah_lab さんが ズルいデザインのRails gemを作って下さいました http://blog.mah-lab.com/2012/11/07/zurui-design-for-rails/ (Repository) https://git
[ HUE / 360 ] The Color Scheme Application
Circle Controller HUE/360 Ver.0.1.3 © 2012 SAUCER.JP
最適な文字サイズとコンテンツエリア幅を計算してくれる『Golden Ratio Typography Calculator』
最適な文字サイズとコンテンツエリア幅を計算してくれる『Golden Ratio Typography Calculator』 Golden Ratio Typography Calculatorはフォントサイズとコンテンツエリアの幅との互いの最適な数値を導き出す計算機。 同サイトの作者が可読性の高い文字組を考える上で数学的に算出した『黄金比』のアルゴリズムを基にして、もっともバランスの良い見た目の数値が得られるというものです。 左側の入力欄にフォントサイズまたはコンテンツエリアの幅のどちらか、或いはその両方を入力します。 すると、そのフォントサイズに最適なコンテンツエリアの幅、或いはその逆、そしてそれに最適なline-heightと一行あたりのだいたいの文字数が計算され表示されるというわけです。 また、表示フォントがいくつか選べるのでフォントを変えながらチェックすることもできます。 例えば
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
表紙に込めたメッセージ:女性と AI 坊農 真弓 国立情報学研究所 | 人 工 知 能 30巻1号(2015年1月)
消費者操る「ダークパターン」 国内サイト6割該当 【イブニングスクープ】データの世紀 - 日本経済新聞
機械彫刻用標準書体フォント
http://www.designwalker.com/2009/01/color-tool.html
Online Mockup, Wireframe & UI Prototyping Tool · Moqups
