Webデザインにおいて、コンテンツをどのようにまとめ、どのレイアウトで表現するかは大事な課題だ。すでによく使われているレイアウトと、それが何の目的で使われているのかは明かになっている。そうした人気のあるレイアウトとその目的を知ることは ...

jQueryのjQSlickWrapプラグインを使って、テキストを切り抜き画像の形に沿って回り込ませる。デザイン性の高いサイトや ...

最初に主要なタグのマージン、パディングをリセット（値をゼロに）しておく。相対配置、絶対配置を指定する場合、影響を受けそうな要素を一度リセットしておいたほうが作業しやすい場合がある。リセットの後に、フォントやマージンなど、基本的な ...

株式会社クリーク･アンド･リバー社（C&R社）は4月4日（木）、Webや映像、ゲーム、広告・出版、ファッション、インテリアなどの分野でデザイナーとして活躍されている方を対象に、無料のオンラインセミナー「デザインの基礎知識 Vol.7 クリエイターが ...

「Webの閲覧パターンはF字型」。Webレイアウトの基礎的な知識ですが、この法則に則ればどんな写真を選ぶべきでしょうか？ 実例をもとに解説します。 ユーザーの行動を観察した研究によると、Webサイトの右上部分は人の目がもっとも集中しない場所だと ...

Kayla Knight氏がSmashing MagazineにFixed vs. Fluid vs. Elastic Layout: What’s The Right One For You?というタイトルでWebデザインにおいて固定レイアウト、流動的なレイアウト、伸縮性のあるレイアウトのどのレイアウトを採用すればいいかという指針をまとめている。Fixed vs.

2020年から2024年までに取り上げられたデザイン要素から、 「⁠ウェブデザインのトレンド」 とは何か、それ以降のトレンドがどのような方向へと向かっていくのかを考察していきます。 この記事は前編から続く、後編です。 2025年以降のウェブデザインの ...