平田 / U-NEXT

ひらたです。UIデザイナーです。 個人ブログ( https://hirata.blog )とnoteの使い分けに困ってます

UIデザイナーが理解すべきプラットフォーム原則とは

本記事はUIデザイナーがプラットフォーム原則を理解し学習する必要性と意義についてまとめたものです。初学者には勉強の仕方・勉強する意義自体がわかりにくい領域だと思う...

CSSだけでWebページをダークモード対応。ついにChromeにも対応した prefers-color-scheme が超便利

prefers-color-scheme という設定値を使うことで、Webページをかんたんにダークモード対応させることが可能です。Chromeでも本日公開された76から対応されたので、かんたん...

CSS1行で美しい背景ぼかし・すりガラス表現!ついにChromeにも対応したbackdrop-filterが超便利

これまでWebデザインにおいては実装が難しかった背景ぼかしの表現が、backdrop-filterというCSSで超かんたんに表現できるようになりました。 これまで これまでCSSでは、...

iOS13のSF SymbolsをSketchやXDで使う

SF Symbols をデザインファイル上で使うのに少しつまずいたので、使い方を共有しておきます。 SF Symbolsとは SF Symbols は先日のWWDC19の中で発表された、Apple公式の...

いちばん詳しい Sketch / XD / Figma / Studio の比較 〜6. まとめ

Sketch, XD, Figma, Studio を比較する連載記事の6番目です。今回で終わりです。 1. 導入と背景知識 2. 基本項目の比較 3. デザイン機能比較 4. シンボルとスタイル 5. ...

いちばん詳しい Sketch / XD / Figma / Studio の比較 〜5. プロトタイピングとコラボレーション

Sketch, XD, Figma, Studio を比較する連載記事の5番目です。 1. 導入と背景知識 2. 基本項目の比較 3. デザイン機能比較 4. シンボルとスタイル 5. プロトタイピングと...