1. How To Succeed In Wireframe Design — Smashing Magazine https://www.smashingmagazine.com/2020/04/wireframe-design-success/

成功するワイヤーフレームの作り方をまとめた記事です。

なぜワイヤーフレームを使うのか、ワイヤーフレームのベストプラクティス、ワイヤーフレームデザインツール、ケーススタディを紹介しています。

ワイヤーフレームのベストプラクティスは以下。

1.最小限の色数に抑える

2.シンプルなデザインのコンポーネントを使う

3.一貫性を維持する

4.実際のコンテンツを使用する

5.注釈を入れる

6.忠実度の低いものを基準に必要に応じて高いものに

7.ワイヤーフレームをプロトタイプに拡張

図1 成功するワイヤーフレームの作り方

  1. Common webpage design mistakes

http://blog-en.tilda.cc/articles-website-design-mistakes

よくあるウェブページデザインの間違いについてまとめた記事です。

一般的なランディングページデザインと記事デザインに分けて、それぞれの避けるべき間違いを細かく解説しています。

図2 よくあるウェブページデザインの間違い

  1. 3 Essential Design Trends, May 2020 | Webdesigner Depot

https://www.webdesignerdepot.com/2020/05/3-essential-design-trends-may-2020/

ウェブデザインのトレンドを3つまとめています。