サクサク読めて、アプリ限定の機能も多数!
トップへ戻る
中東情勢
yuyakinoshita.com
ユーザーインターフェイス設計(UI設計)について思ったことや気付いたこと、教えていただいたことなど、自分用の思考振り返りメモです。Twitterへの投稿やノートのメモ書き、いただいた質問への回答、チームメンバーにお伝えしていることなど、繰り返し発信していると思ったことをまとめています。 目次の序盤にある項目ほどデザインについての考え方や情報設計など、全体像に関する内容です。終盤に向かうにつれてデザインやコンポーネント設計など、より細部の内容になっていきます。今後も気付いた点があれば追記していきます。 基礎部分のスライド資料「ユーザーインターフェイス設計の基礎を振り返る」(2023年1月22日追記) このページに記載した前半の情報設計の基礎について内容を抜粋したスライド資料を公開しました。 デザインの統一感、拡張性、耐久性 ユーザーインターフェイスのデザインや使用感が統一されているか? ユー
概要と感想 書籍『THE MODEL』では、マーケティング、インサイドセールス、営業、カスタマーサクセスの連携について紹介されています。初めて知るマーケティング用語やビジネス用語を学ぶきっかけになり、勉強になりました。各部署のフローを図で見られたのも良かったです。 一方でマーケティングやビジネスに関する略語や専門用語を知らずその都度調べる必要があったので、読み進めていくのに時間がかかりました。また1度読んだだけでは理解ができなかったので、自分の場合は新しく知った用語を振り返りつつ何度か読み直す必要があると感じます。 新しく知った用語や定義の振り返り 主に自分用のメモですが、『THE MODEL』で触れられているマーケティング用語やビジネス用語について、新しく知ったものや意味を調べ直したものをまとめています。 意味は調べた上でメモしていますが、用語の定義を誤って書いている可能性があります。お
アプリケーションのダークモード(ダークテーマ)をデザインする事前準備として、まずは1週間ダークモードを使ってみました。ダークモードを使った感想や気付いたことを今後の振り返りメモとして残します(ダークモードに慣れていない状態での感想を残したい意図もあります)。macOS Mojaveの外観モードをダークにして試しました。 結論:いくつかのアプリケーションのダークモードを使ってみた感想 ダークモードが目の負担軽減に効果的な場面もある。デザインやコーディングアプリケーションのダークモードは使いやすい。長文を読む場合はライトモードが使いやすい。文章を書いたり、推敲したりはライトモードが使いやすい。無彩色のグレーで設計されていると、使用時のノイズや負担が少ない。ブランドカラーを馴染ませるのが良いかどうかは状況による(検証を繰り返して判断するのが良い)。「暗い色調(配色)のデザイン」と「ダークモードの
line-heightの不要な上下の余白を打ち消して、デザインデータに沿ったコーディングを効率化する方法 Webサイトのコーディング(実装)では、デザインデータ通りの数値を反映しているにも関わらず、ブラウザ上の表示がデザインデータと比べてずれる(余白が大きくなりすぎる)場合があります。 これはブラウザのline-heightの仕様によるものですが、line-height制御の難しさがデザインデータとコーディング後(ブラウザ表示)の余白のずれにつながっていると考えています。 この問題を解決するため、line-heightの不要な上下の余白を打ち消すCSSを試したところ効果を実感できたので、この方法のメリット・デメリットや活用についてまとめました。 チームで進めている実際のプロジェクトでこの方法を試してから、2020年1月の時点で9ヶ月ほど経ちますが、メリットとデメリットを比較してメリットが完
デザインする際に意識している8の倍数ルールについての記事です。Webサイトやアプリなどスクリーン用のデザインの際には、基本的に要素の大きさを8の倍数ピクセルで設計しています。 ここでいう要素とは、コンテンツ幅、ボタンの大きさ、余白の大きさ、バナーの大きさ、メインビジュアルの大きさなど、サイズ指定が必要なほぼ全て要素を指しています。 8の倍数によるデザインルールはこれまでに16以上のプロジェクトで活用してきました。ルールを用いることのメリット・デメリットや、そのルールを使い続けている理由を当Webサイトの事例と共にまとめています。 ※フォントサイズは8の倍数ではなく、18pxを基準とした倍率計算によって算出する方法を試しています。詳しくは以下の記事にまとめています。 Webサイトで明快なデザインと運用しやすいコーディングを両立する文字サイズ強弱の仮説・検証 8の倍数で設計する理由とメリット
デザイナー、フロントエンドエンジニア。より質の高いものを丁寧につくりたいという思いから、ユーザーに心地良いと感じていただけるデザインを模索します。 タイポグラフィを軸とするデザインと拡張性の高いコーディングの両立を強みとして、Webサイト、ユーザーインターフェイス、ロゴを主な対象に、戦略立案、デザイン、実装を一貫しておこないます。
タイポグラフィとデザインルール設計についての記事です。Webサイトの文章の読みやすさに焦点を当てています。 このWebサイトをご覧いただいた方に感想を聞いてみたところ、ありがたいことに「読みやすいですね」であったり、「見やすくて良いですね」と言っていただけることがあります。読みやすいと感じていただけるのは、とても嬉しいことです。その一方でなぜ「読みやすい」と感じていただけたのか、「読みやすい」とは具体的にはどういうことなのかを改めて考えたいと思います。 「読みやすさ」を決める要素を分解することでタイポグラフィの理解が深まると考え、このWebサイトの構築にあたって意識したことや設計方法について書き出してみました。 意識したことはWebサイト全体の統一感と秩序の維持 このサイトを構築するにあたって、タイポグラフィのルール設計で意識したのは「サイト全体の統一感と秩序の維持」です。情報の優劣がわか
このページを最初にブックマークしてみませんか?
『Yuya Kinoshita』の新着エントリーを見る
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く