デザイン思考とはなんなのか
自己啓発的なあれでよく見るが、デザイン思考とはなんなのか正直わかっていなかったが、ちょっと調べてみてようやく意味がわかってきたので、ちょっと書いてみる。 「デザイン思考とは、デザイナーの創造プロセスをビジネス戦略に落とし …
Design
デザインについて
モーションデザインは大事だよという話
Webフロントエンド界隈のエンジニア諸氏は「〇〇に○○するアニメーションつけてよ！」と気さくに話しかけられたシーンが何度もあるだろう。モーションデザインの役割はそもそもどんなものなのか、どのようなモーションデザインを行え …
動画マニュアルの作り方
Webサイトの操作説明資料などを動画で撮影する際の注意点をまとめてみた。 言い直す場合：文章の切れ目から言い直すことで、編集者がわかりやすくなる 目次などを入れる場合：「目次＜タイトル＞」と話すことで、編集者に目次を入れ …
Atomic Design 概要
要は、コンポーネント単位で考えようねっていう話。ひいては、コンポーネントの考え方は個人で異なるから、その基準の考え方を与えるねっていうこと。 Atomic Designは単純解明であるから、足りない概念（例えば、Atom …
図を作る方法
どうしてもテキストベースで説明しがちな人に、テキストから図を作るためのアイデアを教えたい。 それはとても簡単で、その文章の名詞をマーカーで目印をつけるだけで、必要な要素が抽出できるのだ。 その登場回数によって、事象に対し …
エディトリアル思考について
批評家は世界で最も実力のある小説家をも批判することがあるが、その批評家はその小説家以上の小説を書けない。 それは主体になって創造する力があるか、俯瞰して創造する力があるかの違いであり、これは性格的なものだと思われがちだが …
複雑なUIの解決方法
結論を。 ユーザーに情報を入力させない ユーザーに情報を入力させる必要がある場合は、情報を入力できるようユーザーを導く もしユーザーが適切に情報を入力できない場合は、その問題を解決できるようユーザーに提示する そのUIを …
アンチエイリアスのグレースケールとサブピクセルの違い
アンチエイリアスとは曲線を滑らかに表示するために、色を補完すること。CSSのfont-smoothingプロパティにもあるが、グレースケールとサブピクセルという形式がよく使われる。 グレースケール 中間色で補う。そのため …
ガンマ補正について
現実世界の物理的な輝度（明るさの度合い）に比例しない環境において、画像の輝度を調整することをガンマ補正という。 現実世界では電球がひとつのときと、ふたつのときでは倍の輝度となるが、画像などモニターを通した場合においては、 …
ベストなUIはユーザーが最も慣れているUI
プラットフォームを意識したUIデザインにすることで、その意図がユーザーに伝わりやすくなる。 もしそのコンセプトを示すUIがポピュラーではない場合は、コンセプトが伝わるようなオリジナルなUIを作り出すのがいい。 ジジ化して …