全78本の記事があります。

狙った的から外れないUIを作るために

カテゴリー

デザイン

• 第5回 見た目の的を絞る：前編 2025年2月13日
• 第4回 適用箇所と手段の的を絞る：後編 2025年1月30日
• 第3回 適用箇所と手段の的を絞る：前編 2025年1月16日
• 第2回 課題の的を絞る 2024年12月19日
• 第1回 設定したゴールにたどり着くためのステップ 2024年12月12日

小原 司 UIデザイナー

デザイナーとエンジニアの共通の語彙を持つために

カテゴリー

デザイン

コミュニケーション

• 最終回 Figmaでデザイントークンを活用する 2025年1月9日
• 第2回 デザイントークンの設計手法 2024年12月19日
• 第1回 デザイントークンとは 2024年12月5日

谷 拓樹 デザイナーアドボケート

ボタンとリンクの使い分けと、そのデザイン

カテゴリー

デザイン

• それボタンですか？ それともリンク？ 2024年10月24日

小原 司 UIデザイナー

ボタンデザインから学ぶデザイン手順

カテゴリー

デザイン

• 後編 ボタンの調整と仕上げ 2024年9月12日
• 前編 情報を整理し、視覚的な序列をつける 2024年9月5日

近藤 彩 デザイナー

利用者と「対話」するUIを考える

カテゴリー

デザイン

• 後編 過不足ないレスポンスの考え方 2024年8月22日
• 前編 UIにおける対話とは何か 2024年8月1日

小原 司 UIデザイナー

破壊的な変更が実行されるUIとその予防

カテゴリー

デザイン

• 最終回 誤操作による実行を防ぐUIのバリエーション 2024年7月11日
• 第2回 負の特徴を打ち消す 2024年7月4日
• 第1回 利用者にストレスを与える破壊的なUIの特徴 2024年6月13日

小原 司 UIデザイナー

会社サイトリニューアルの検討と実際：デザイン編

カテゴリー

デザイン

PixelGridのこと

• 最終回 AIを利用したアイキャッチ画像の作成：後編 2023年9月14日
• 第3回 AIを利用したアイキャッチ画像の作成：前編 2023年9月7日
• 第2回 Figmaでの表現とCSSの実装 2023年8月10日
• 第1回 コンセプトの解釈とデザインルールの設定 2023年8月3日

小原 司 UIデザイナー

デザインをめぐる新技術を試す

カテゴリー

デザイン

• 画像生成AIはデザインに使えるのか？ 2022年11月24日

小原 司 UIデザイナー

文脈から考えるUIデザイン

カテゴリー

デザイン

• そのUI、邪魔になっていませんか？ 2022年9月15日

小原 司 UIデザイナー

Webフォントをめぐる冒険

カテゴリー

座談会 >

技術系座談会

デザイン

• 最終回 バリアブルフォントの可能性 2022年4月7日
• 第2回 JamstackとWebフォントの機能 2022年3月24日
• 第1回 Webフォントの現状とその仕組み 2022年3月17日

• 
• 
• 
• 

伝わりやすいデザインデータと名前の関係

カテゴリー

デザイン

• 最終回 名付け時の注意点 2022年2月17日
• 第2回 名前の効果と用途 2022年1月27日
• 第1回 名前をつけることの重要性 2022年1月6日

小原 司 UIデザイナー

デザインと実装のよりよい進行を考える

カテゴリー

デザイン

• 後編 閲覧者を迷わせないFigmaデータ 2021年1月21日
• 前編 伝わるFigmaデータの作り方 2021年1月14日

小原 司 UIデザイナー

デザインツールの選択と運用 IllustratorからFigmaへ

カテゴリー

デザイン

• 第3回 チーム内でのデザイン共有 2020年6月11日
• 第2回 データ共有での変化とこれからの課題 2019年10月17日
• 第1回 データ作成での変化 2019年10月10日

小原 司 UIデザイナー

色の決め方、配色の考え方

カテゴリー

デザイン

• 第4回 HSLカラーピッカーを使う 2020年4月2日
• 第3回 薄い色の使いこなし 2020年2月13日
• 第2回 グラデーションの作り方 2019年8月22日
• 第1回 情報伝達を助ける配色 2019年6月20日

小原 司 UIデザイナー

気になる余白と気になりにくい余白

カテゴリー

デザイン

• 後編 何が意図されているか 2019年2月14日
• 前編 さまざまな余白の種類 2019年2月7日

小原 司 UIデザイナー

認知コストとUIの使いやすさ

カテゴリー

デザイン

• 第3回 理解や文脈が認知コストに与える影響 2018年9月27日
• 第2回 見た目が認知コストに与える影響 2018年9月13日
• 第1回 認知コストとは 2018年8月30日

小原 司 UIデザイナー

きちんと学ぶユーザーインターフェース

カテゴリー

デザイン

• 第8回 ページャUI：デザインの注意点 2018年2月22日
• 第7回 ページャUI：タイプ別の特徴 2018年2月15日
• 第6回 タブUI：実装されることへの考慮 2017年9月21日
• 第5回 タブUI：デザインする 2 2017年9月14日
• 第4回 タブUI：デザインする 1 2017年9月7日
• 第3回 タブUI：情報をまとめる 2 2017年8月31日
• 第2回 タブUI：情報をまとめる 1 2017年8月24日
• 第1回 タブUI：効果と副作用 2017年8月10日

小原 司 UIデザイナー

よりよいメールアドレス入力欄を求めて

カテゴリー

デザイン

• 最終回 フォームをHTMLに落とし込む 2018年1月11日
• 第4回 デザインの考察：確認用メールアドレス表示ほか 2017年12月28日
• 第3回 デザインの考察：メールアドレス入力欄 2017年12月7日
• 第2回 UIの考察：改善策 2017年11月30日
• 第1回 UIの考察：問題点の洗い出し 2017年11月9日

• 
• 

デザイナーの道具箱

カテゴリー

デザイン

• 最終回 デザイン指定のポイント 4 2015年10月1日
• 第9回 デザイン指定のポイント 3 2015年9月24日
• 第8回 デザイン指定のポイント 2 2015年9月17日
• 第7回 デザイン指定のポイント 1 2015年9月10日
• 第6回 圧縮形式の得意、不得意 2014年1月16日
• 第5回 表示速度をケアする画像 2014年1月9日
• 第4回 実用Webフォント 実例編 2013年12月12日
• 第3回 実用Webフォント 知識編 2013年12月5日
• 第2回 Font Awesomeを使う 2013年11月28日
• 第1回 Font Awesomeの概要 2013年11月21日

• 
• 

UIとデザインの融合

カテゴリー

デザイン

• 最終回 使いやすいUIデザイン 3 2014年11月13日
• 第4回 使いやすいUIデザイン 2 2014年11月6日
• 第3回 使いやすいUIデザイン 1 2014年10月23日
• 第2回 UIとデザインの役割を知る 2014年10月16日
• 第1回 UIとデザインの重要性 2014年10月9日

小原 司 UIデザイナー

Webの文字の読みやすさ

カテゴリー

デザイン

• 最終回 読みやすさのために 2014年7月17日
• 第2回 日本語の「読みやすさ」 2014年7月10日
• 第1回 あらためて、Webって？ 2014年7月3日

• 
• 
• 

エンジニアのためのデザイン入門

カテゴリー

デザイン

• 最終回 とりあえず動く、時間的な側面 2013年3月7日
• 第4回 とりあえず動く、審美的な側面 2013年2月28日
• 第3回 とりあえず動く、文字情報的な側面 2013年2月21日
• 第2回 とりあえず動くデザイン 2013年2月14日
• 第1回 デザインってなに？ 2013年2月7日

小原 司 UIデザイナー