Design Patterns: How to Create Simple Interfaces | Webdesigner Depot Webdesigner Depot » Blog Archive

https://www.webdesignerdepot.com/2022/05/design-patterns-how-to-create-simple-interfaces/

シンプルなインターフェイスを作る方法をまとめた記事です。正解とされているパターンを教えてくれるというより、正しい考え方のヒントを与える内容になっています。

人にやさしいインターフェイスの作り方を以下の項目別に解説していました。

Untitled

Create Responsive Design in Figma | by Vikalp Kaushik | Apr, 2022 | UX Planet

https://uxplanet.org/create-responsive-design-in-figma-dae6e7782a00

Figmaでレスポンシブなデザインの作り方を解説した記事です。

Figmaのオートレイアウト機能を使いつつ、ブレークポイントごとに違うフレームを表示できるBreakpointsプラグインを利用した方法を紹介しています。

Untitled

A Quick Guide To Mobile-First Design - Raw.Studio

https://raw.studio/blog/mobile-first-design/

モバイルファーストデザインのクイックガイドです。モバイルファーストデザインとは何か、このアプローチを実装する利点、始めるためのいくつかの原則について説明しています。

モバイルファーストの原則として以下の項目が挙げられていました。