レイアウト

情報整理から視線誘導まで、レイアウトに関するテクニックがこれでよく分かるデザイン書 -知りたいレイアウトデザイン

2023/10/02(Mon) 08:50

Webサイトやスマホアプリをはじめ、バナー、カード、雑誌やカタログなどで、情報を分かりやすく整理し、的確に伝えるためにもっとも重要なことはレイアウトを工夫することです。テキストや画像、図版などのさまざまな情報の要素をどのようにデザインして配置するか、レイアウトデザインのルールとテクニックを学べ、そしてアイデアも満載の解説書を紹介します。

https://coliss.com/articles/book-review/isbn-9784297137014.html

Webサイトを使いやすくするユーザビリティ11の施策

2023/06/12(Mon) 09:26

Webサイトを使いやすくする、私なりのユーザビリティ11の施策について紹介します。本記事で紹介するのは一般的なユーザビリティの内容ですが、検討すべきタイミングがかならずくるはずです。制作前にチェックしておくことをおすすめします。

https://buildstd.com/web-usability11/

みんなに優しいデザインを届けよう。Webアクセシビリティ・ガイドラインとチェックリスト。プレゼン資料

2021/11/09(Tue) 08:58

Webアクセシビリティとは、障害を持つ人々がWebを使用できることを意味します。覚えておきたいことは、世界中で13億人（5人に1人）が何らかの障害を抱えて生活しているということです。

https://note.com/papertrumpets/n/n3eddb823627a

デザインする上で知っておきたい「近接」「整列」「反復」「対比」の4原則

2018/05/18(Fri) 09:55

webサイト・アプリ・雑誌・チラシなど媒体は問わず、見やすくて内容が伝わりやすいデザインする上で知っておきたい「近接」「整列」「反復」「対比」の4原則を紹介します。

https://www.nxworld.net/design-ui-ux/4-principles-of-design.html

最近主流になっている、CSS GridやFlexboxでコンテナ内の要素を揃えるテクニックのまとめ

2018/01/26(Fri) 09:50

CSSで要素を揃えることは楽しみであると同時に、挫折を経験することがあるかもしれません。CSSはすぐに進化し、新しい仕様はブラウザにどんどん実装されています。

http://coliss.com/articles/build-websites/operation/css/css-alignment-cheatsheet.html

紙のサイズのまとめ！A判、B判、新聞や写真や名刺など、250種類以上の紙のサイズが日本・国際規格ですぐ分かる -PaperSizes

2017/05/24(Wed) 09:58

Web制作をしていても、紙のサイズが必要な時があります。A3って何x何mmだっけ？ 日本のJIS規格だといくつ？ 写真用紙のサイズは？ 名刺は日本と世界で違うの？ などが分かる、紙のサイズがまとめられたPaperSizesを紹介します。

http://coliss.com/articles/build-websites/operation/work/international-standards-for-paper-sizes.html

ビジネスにおいてUXデザインが必要な理由

2017/03/03(Fri) 10:01

急速に進化するオンライン世界に対応し続けるために、企業は新しいテクノロジーや理論を効率的に導入する必要があります。進化の一例として、デザインの中心が、従来のUI（ユーザーインターフェイス）へのものから、UX（ユーザー体験）へ移行していることが挙げられるでしょう。

http://uxmilk.jp/60609

全ての人が知っておくべきデザイン・レイアウトの基本ルールとテクニック15選

2016/10/24(Mon) 09:52

デザイナーでなくとも、デザインについてのいくつかのルールを知っておくと、日々の生活で何かと役に立つ。今回は、誰もが知っておくべきデザインのルール・テクニックを紹介する。

http://tsukuruiroiro.hatenablog.com/entry/design-rule

CSS3のFlexBoxで実装する、知っておきたい5つのレイアウトテクニックまとめ

2016/06/01(Wed) 07:28

Flexbox は、もともとウェブサイトやモバイルアプリのUIをデザインするために最適化された CSS です。 Flexbox のさまざまなプロパティを利用することで、これまでは CSS のみで難しかったレイアウトや配置を実現できるようになりました。

http://photoshopvip.net/90700

Web制作で必要になる、７つの素敵レイアウトアイデアまとめ

2016/02/19(Fri) 07:33

ウェブサイトの制作はとてもデリケートな作業で、デザインを決定するよりも重要なポイントが、Webサイトのレイアウトです。

http://photoshopvip.net/archives/87064