CodeGrid
記事検索
CodeGridとは?
料金
チーム購読
無料記事
著者
購読
する
ログイン
カテゴリー「
デザイン
」
他のカテゴリーの記事をみる
全
92
本の記事があります。
デザイナーに知ってほしいWebの基本
カテゴリー
デザイン
>
デザインと実装
第2回
「実装」とは、何か?
2025年8月28日
第1回
知ってほしい基本とは、何か?
2025年7月31日
中野 祐人
モダンフロントエンド・エンジニア
構造や用途の違いで選ぶ、テーブルUIとカードUI
カテゴリー
デザイン
>
UIデザイン
第2回
構造的な違いからくる、得手不得手
2025年8月28日
第1回
2つのUIの見かけ上の違い
2025年8月14日
小原 司
UIデザイナー
はじめてのWebアプリケーションデザイン
カテゴリー
ハンズオン
>
教えて先生シリーズ
デザイン
>
デザインと実装
後編
Webアプリデザインは「運用される」と心得る
2025年5月29日
前編
Webアプリデザインは「手を離れる」と心得る
2025年5月22日
デザイナーの視点、エンジニアの視点
カテゴリー
デザイン
>
デザインと実装
仕事の進め方
>
コミュニケーション
後編
すれ違わないために
2025年4月24日
前編
なぜ、すれ違いが起きるのか?
2025年4月10日
小原 司
UIデザイナー
狙った的から外れないUIを作るために
カテゴリー
デザイン
>
UIデザイン
最終回
見た目の的を絞る:後編
2025年2月27日
第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日
谷 拓樹
デザイナーアドボケート
ボタンとリンクの使い分けと、そのデザイン
カテゴリー
デザイン
>
デザインと実装
デザイン
>
UIデザイン
それボタンですか? それともリンク?
2024年10月24日
小原 司
UIデザイナー
ボタンデザインから学ぶデザイン手順
カテゴリー
デザイン
>
UIデザイン
後編
ボタンの調整と仕上げ
2024年9月12日
前編
情報を整理し、視覚的な序列をつける
2024年9月5日
近藤 彩
デザイナー
利用者と「対話」するUIを考える
カテゴリー
デザイン
>
UIデザイン
後編
過不足ないレスポンスの考え方
2024年8月22日
前編
UIにおける対話とは何か
2024年8月1日
小原 司
UIデザイナー
「便利」を生み出す、Figmaプラグイン開発
カテゴリー
デザイン
>
Figma
ハンズオン
>
機能拡張
最終回
スタイルをバリアブルに置換するプラグイン
2024年7月18日
第4回
色管理表からバリアブルを作成する
2024年6月27日
第3回
バリアブル作成を自動化するプラグインの基本
2024年6月13日
第2回
開発環境を構築する
2024年5月23日
第1回
サンプルプラグインを分析する
2024年5月9日
藤田 智朗
フロントエンド・エンジニア
破壊的な変更が実行されるUIとその予防
カテゴリー
デザイン
>
UIデザイン
最終回
誤操作による実行を防ぐUIのバリエーション
2024年7月11日
第2回
負の特徴を打ち消す
2024年7月4日
第1回
利用者にストレスを与える破壊的なUIの特徴
2024年6月13日
小原 司
UIデザイナー
会社サイトリニューアルの検討と実際:デザイン編
カテゴリー
デザイン
>
デザインと実装
ピクセルグリッドとCodeGrid
>
ピクセルグリッドの会社運営
最終回
AIを利用したアイキャッチ画像の作成:後編
2023年9月14日
第3回
AIを利用したアイキャッチ画像の作成:前編
2023年9月7日
第2回
Figmaでの表現とCSSの実装
2023年8月10日
第1回
コンセプトの解釈とデザインルールの設定
2023年8月3日
小原 司
UIデザイナー
文脈から考えるUIデザイン
カテゴリー
デザイン
>
UIデザイン
そのUI、邪魔になっていませんか?
2022年9月15日
小原 司
UIデザイナー
伝わりやすいデザインデータと名前の関係
カテゴリー
デザイン
>
Figma
デザイン
>
デザインと実装
最終回
名付け時の注意点
2022年2月17日
第2回
名前の効果と用途
2022年1月27日
第1回
名前をつけることの重要性
2022年1月6日
小原 司
UIデザイナー
ちょっと気遣うCSS実装
カテゴリー
CSS
>
CSSテクニック
デザイン
>
UIデザイン
リンクテキストのリストにおける思案
2021年11月11日
坂巻 翔大郎
フロントエンド・エンジニア
デザインと実装のよりよい進行を考える
カテゴリー
デザイン
>
Figma
デザイン
>
デザインと実装
後編
閲覧者を迷わせないFigmaデータ
2021年1月21日
前編
伝わるFigmaデータの作り方
2021年1月14日
小原 司
UIデザイナー
デザインツールの選択と運用 IllustratorからFigmaへ
カテゴリー
デザイン
>
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デザイナー
Webよもやま話
カテゴリー
デザイン
>
UIデザイン
第1回
UIと法律
2019年5月23日
外村 奈津子
編集
レスポンシブデザインをめぐる対話
カテゴリー
座談会
>
技術系座談会
デザイン
>
デザインと実装
後編
誰のためのレスポンシブ?
2019年5月9日
前編
これからのレスポンシブデザイン
2019年4月25日
気になる余白と気になりにくい余白
カテゴリー
デザイン
>
余白
後編
何が意図されているか
2019年2月14日
前編
さまざまな余白の種類
2019年2月7日
小原 司
UIデザイナー
認知コストとUIの使いやすさ
カテゴリー
デザイン
>
UIデザイン
第3回
理解や文脈が認知コストに与える影響
2018年9月27日
第2回
見た目が認知コストに与える影響
2018年9月13日
第1回
認知コストとは
2018年8月30日
小原 司
UIデザイナー
きちんと学ぶユーザーインターフェース
カテゴリー
デザイン
>
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デザイナー
よりよいメールアドレス入力欄を求めて
カテゴリー
デザイン
>
UIデザイン
HTML
>
フォーム
最終回
フォームを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デザイン
最終回
使いやすい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デザイナー
CodeGrid
カテゴリー
デザイン
CodeGrid
X
GitHub
CodeGridとは?
著者
料金
チーム購読
よくある質問
お問い合わせ
品質への取り組み
利用規約
プライバシーポリシー
特定商取引法に基づく表示
ロゴガイドライン
運営会社
PixelGrid