[B! ui] SWIMATH2のブックマーク

HTMLとCSSで、デザインと1pxのずれもなく正確に実装する必要はあるのか？ピクセルパーフェクトの現状

デザインと1pxのずれもなく、HTMLとCSSで実装することを「ピクセルパーフェクト」と言います。このピクセルパーフェクトは必要なのか、現在の制作で求められているのは何か、ルックアンドフィールに合わせた実装を紹介します。 The State Of Pixel Perfection by Ahmad Shadeed 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様にライセンスを得て翻訳しています。はじめにピクセルパーフェクトとは 2010年頃のWeb制作ルックアンドフィールコード化された結果がパーフェクトかどうかの判断バリエーションとコンテキスト現在の状況モダンCSS CSSフレームワークの影響好き嫌いではなく、期待通りにデザイナーに役立つアドバイスデベロッパーに役立つアドバイス終わりにはじめに「ピクセルパーフェクト」という言葉を最

SWIMATH2 2020/08/18

結構良い話っぽいが「ルックアンドフィール」って方針としてはややふわっとしすぎな気がする

リンク

UIデザイン講習会

2020/7/25にtraPで実施したUIデザイン講習会の資料です

SWIMATH2 2020/07/26

良さそう

リンク

強度の高いUIをデザインする｜池内健一

デザイナーの池内︵@KD6JOE︶です。アプリのUIデザインなどをやっています。この記事ではUIをデザインを始めたばかりの人向けに、強度の高いUIをデザインをするための手順をご紹介します。最低限の品質のUIをデザインできるようになることがこの記事の趣旨です。ここで紹介する手順はあくまで一例で、ガチガチにこの通りに進める必要はないし、ケースバイケースです。自分のやり方に取り入れられるところだけ取り入れてください。強度の高いUIデザインとは強度の高いUIデザインとは以下のものを指しています。・あらゆるUIパターンの検討がなされている・どのUIパターンを採用するかロジカルに決定している・仕様漏れがなく開発がスムーズに進む逆に強度の低いUIデザインとは、パターン検討がほとんどされず、ツッコミどころがありまくり、仕様が二転三転するものです。結果開発スケジュールの遅延を引き起こします。ただ

SWIMATH2 2018/06/27

めちゃ良い話/選択肢の洗い出しとそのプロコンをだして残しておくのほんと大事っぽい/最後の詳細レビューについてもうちょい詳しく知りたみ

リンク

http://www.life-is-bitter.com/entry/dailyui_finish

SWIMATH2 2018/06/17

リンク

GoodUX

Each week, we'll feature inspiring UX examples, proven frameworks, and hard-earned lessons from in-depth conversations with product, design, customer success, and marketing experts. The end goal is to help you build user onboarding and product experiences that turn more of your new users into lifelong customers.