小原 司
PixelGrid Inc. / UIデザイナー
紙媒体をメインに制作しているデザイン事務所で広告デザインの基礎を学ぶ。2000年に独立。化粧品関連媒体の販促物を中心に、店頭グラフィック、パッケージ、POP、グッズ立案など多岐にわたるデザインを担当。2007年頃からWeb媒体へのデザインにも積極的に取り組み、クロスプラットフォームアプリのデザイン、画面設計、実装に携わる。2013年にピクセルグリッドに入社。現在では利用者にストレスを与えず迷わないユーザーインターフェースの設計とデザインに励んでいる。 著書に『ノンデザイナーズ・デザインブック[第4版]』（日本語版補足解説：マイナビ出版、2016年6月30日）などがある。また、マンセル色相環とムーン＆スペンサー配色理論を採用した配色アプリ『HUE360』を1人でデザインから開発まで行い公開している。
シリーズ
- 無料公開中 Webフレームワークとその周辺動向編：前編
- 無料公開中 Webフレームワークとその周辺動向編：中編
- 無料公開中 Webフレームワークとその周辺動向編：後編
- 無料公開中 AI時代のフロントエンド開発動向編
- 無料公開中 HTML/CSS、Web標準編：前編
- 無料公開中 HTML/CSS、Web標準編：後編
- 無料公開中 デザインと実装編
- 無料公開中 設定したゴールにたどり着くためのステップ
- 無料公開中 課題の的を絞る
- 無料公開中 適用箇所と手段の的を絞る：前編
- 無料公開中 適用箇所と手段の的を絞る：後編
- 無料公開中 見た目の的を絞る：前編
- 無料公開中 見た目の的を絞る：後編
- 無料公開中 Webフレームワークの動向
- 無料公開中 2024年のHTML/CSSの動向とこれから
- 無料公開中 ブラウザ周辺の動向とこれから
- 無料公開中 AIとWeb制作
- 無料公開中 ウェブで文字組してますか？
- 無料公開中 きれいな文字組、この文字の表現どうやるの？
- 無料公開中 ウェブの文字組の明るい未来とは？
- 無料公開中 カルーセルUIの現状と機能
- 無料公開中 実装者から見たカルーセルUIのその先
- 無料公開中 ECサイトで考えるカルーセルUI
- 無料公開中 Webフォントの現状とその仕組み
- 無料公開中 JamstackとWebフォントの機能
- 無料公開中 バリアブルフォントの可能性
- 無料公開中 名前をつけることの重要性
- 無料公開中 名前の効果と用途
- 無料公開中 名付け時の注意点
- 無料公開中 情報伝達を助ける配色
- 無料公開中 グラデーションの作り方
- 無料公開中 薄い色の使いこなし
- 無料公開中 HSLカラーピッカーを使う
- 無料公開中 スクリーンショットの撮り方
- 無料公開中 これからのレスポンシブデザイン
- 無料公開中 誰のためのレスポンシブ？
- 無料公開中 JavaScript＆開発
- 無料公開中 デザイン＆マークアップ
- 無料公開中 SVGはどこで使う？
- 無料公開中 SVGの可能性
- 無料公開中 さまざまな余白の種類
- 無料公開中 何が意図されているか
- 無料公開中 おすすめ書籍 2019
- 無料公開中 認知コストとは
- 無料公開中 見た目が認知コストに与える影響
- 無料公開中 理解や文脈が認知コストに与える影響
- 無料公開中 タブUI：効果と副作用
- 無料公開中 タブUI：情報をまとめる 1
- 無料公開中 タブUI：情報をまとめる 2
- 無料公開中 タブUI：デザインする 1
- 無料公開中 タブUI：デザインする 2
- 無料公開中 タブUI：実装されることへの考慮
- 無料公開中 ページャUI：タイプ別の特徴
- 無料公開中 ページャUI：デザインの注意点
- 無料公開中 UIの考察：問題点の洗い出し
- 無料公開中 UIの考察：改善策
- 無料公開中 デザインの考察：メールアドレス入力欄
- 無料公開中 デザインの考察：確認用メールアドレス表示ほか
- 無料公開中 フォームをHTMLに落とし込む
- 無料公開中 プログラムスキルアップ編
- 無料公開中 視野を広げるトピック編
- 無料公開中 2つのコンポーネントの乖離
- 無料公開中 コンポーネントの試行錯誤
- 無料公開中 コンポーネントは誰のため？
- 無料公開中 エンジニアの役割、デザイナーの役割
- 無料公開中 エディタとおすすめツール編
- 無料公開中 Webブラウザ編
- 無料公開中 高速化の知識の重要性
- 無料公開中 高速化と画像
- 無料公開中 こうやって技術文章書いてます
- 無料公開中 ここにも気を遣ってます
- 無料公開中 フォント選定の準備
- 無料公開中 バンドルフォントの調査と選定
- 無料公開中 フォントの実装
- 無料公開中 Font Awesomeの概要
- 無料公開中 Font Awesomeを使う
- 無料公開中 実用Webフォント 知識編
- 無料公開中 実用Webフォント 実例編
- 無料公開中 表示速度をケアする画像
- 無料公開中 圧縮形式の得意、不得意
- 無料公開中 デザイン指定のポイント 1
- 無料公開中 デザイン指定のポイント 2
- 無料公開中 デザイン指定のポイント 3
- 無料公開中 デザイン指定のポイント 4
- 無料公開中 働く場所、時間を自分で決定
- 無料公開中 「自由」を支えるもの
- 無料公開中 子供がいる人の働き方
- 無料公開中 子供と仕事、そして会社
- 無料公開中 JavaScriptトランスパイラ編
- 無料公開中 AltCSS編
- 無料公開中 制作環境編
- 無料公開中 なぜ英語なのか？
- 無料公開中 英語サイトとの付き合い方
- 無料公開中 英語の向こうにある力
- 無料公開中 UIとデザインの重要性
- 無料公開中 UIとデザインの役割を知る
- 無料公開中 使いやすいUIデザイン 1
- 無料公開中 使いやすいUIデザイン 2
- 無料公開中 使いやすいUIデザイン 3
- 無料公開中 あらためて、Webって？
- 無料公開中 日本語の「読みやすさ」
- 無料公開中 読みやすさのために
- 無料公開中 SVGコードの基本
- 無料公開中 SVGデータの作成 1
- 無料公開中 SVGデータの作成 2
- 無料公開中 SVGをコーディングする 1
- 無料公開中 SVGをコーディングする 2
- 無料公開中 レスポンシブイメージ
- 無料公開中 SVGのアニメーション 1
- 無料公開中 SVGのアニメーション 2
- 無料公開中 SVGのアニメーション 3
- 無料公開中 SVGを3Dの世界へ
- 無料公開中 ブログを書くこと
- 無料公開中 アウトプットの悩み
- 無料公開中 アウトプットの楽しさと課題
- 無料公開中 二極化する業務
- 無料公開中 変わりゆくエンジニア
- 無料公開中 コミュニケーションツール
- 無料公開中 受注前の大切なこと
- 無料公開中 難航案件から学ぶ
- 無料公開中 「当たり前」の秘訣
- 無料公開中 hokaccha、kyosuke編
- 無料公開中 5509、ykhs編
- 無料公開中 tacamy、saucerjp編
- 無料公開中 Takazudo、yomotsu編
- 無料公開中 デザインってなに？
- 無料公開中 とりあえず動くデザイン
- 無料公開中 とりあえず動く、文字情報的な側面
- 無料公開中 とりあえず動く、審美的な側面
- 無料公開中 とりあえず動く、時間的な側面
