参考にしたくなるデザインがいっぱい! デザインの目的や意図まで詳しく解説されたデザイン書 -ブランディングデザイン

※本ページは、アフィリエイト広告を利用しています。

ブランディングのコンセプトをデザインに落とし込んでいく過程から、ロゴやWebサイトやアプリなどへのデザイン展開まで、企業やプロダクトのブランディングデザインについて解説したデザイン書を紹介します。

アイデア出し、ロゴデザインやブランドカラー、デザインのバリエーション、モチーフなど、どのようにデザインするのか制作意図なども詳しく解説されています。

ブランディングデザイン

続きを読む

これは覚えておきたい! モダンCSSで実装する、記事は中央に画像は幅いっぱいにフルブリードレイアウトを実装するテクニック

フルブリードレイアウトとは最近のWebサイトのUIでもよく見かける、記事は中央配置に、画像や動画などは幅いっぱいに表示されるレイアウトのことです。これまではCSS Gridなどで実装されていたと思いますが、今回紹介するのはモダンCSSで実装できるテクニック。

CSSはわずか4行ですが、モダンCSSのテクニックがたくさん詰まっており、フルブリードレイアウトはさまざまなカスタマイズにも対応しています。

モダンCSSで実装する、記事は中央に、画像は幅いっぱいに、フルブリードレイアウトを実装するテクニック

Full-Bleed Layout with Modern CSS
by Temani Afif

続きを読む

2025年、Adobeユーザーにさっそくの朗報! Adobe Fontsに日本語フォントが大量追加、CCユーザーは無料で使えます

2/13に開催されるAdobe MAX Japan 2025に先だって、Adobe Fontsで使用できる日本語フォントが大量に増えました!

Adobe FontsはAdobe CCユーザーはもちろん全部使えますが、無料アカウントの人でも使えるフォントが2,000個以上あります。

話題の「百千鳥 VF」をはじめ、あの「きりぎりす」のデザインシグナルからも日本語フォントが大量追加!!

Adobe Fontsに日本語フォントが大量追加、CCユーザーは全部無料で使えます

Adobe Fonts

続きを読む

年に一度の貴重なKindleセールが開催! 翔泳社祭2025で人気のデザイン書・Web制作の解説書・イラスト本が超お買い得

今年も、年に一度の翔泳社祭2025が開催しました!!
翔泳社祭は最近のものも対象になっており、当ブログで紹介したKindle本も多数がセール対象で、デザイン書・Web制作の解説書・イラスト本がたくさん揃っています。

セール期間は2/14、今週の金曜日まで。
期間が短いので、お見逃しないように!

ILLUSTRATION 2025なんて本当ついこの間発売されたばかりです!

セール対象のKindle本

翔泳社祭2025: Kindleストア

続きを読む

HTMLとCSSを独学で学びたい人にお勧めの解説書、現場レベルのスキルまでしっかり学べる! -HTML&CSS Webデザイン

※本ページは、アフィリエイト広告を利用しています。

HTMLとCSSを学ぶ近道は、手を動かすこと。本当なら制作会社で経験を積まないと身につけられないコーディングのスキルを独学で学べる解説書を紹介します。

本書は実案件をもとに作成された練習サイトを実装しながら、本格的にHTMLとCSSを学ぶことができます。デザインカンプや仕様も用意されており、かなり実践的に学べます。

HTML&CSS Webデザイン

続きを読む

Web制作者は要チェック! 2025年、Webサイトやスマホアプリの実装に役立つモダンCSSのスニペットのまとめ

Google Chromeの開発マネージャーであり、The CSS Working Groupのメンバーでもあり、VisBugやOpenPropsなどの開発者でもあるAdam Argyle氏による、2025年のUI/UX案件に役立つCSSのスニペットを紹介します。

一手間加えてCSSアニメーションを気持ちよく動かすスニペット、大きく進化したCSS変数の効果的な使い方、簡単にできるページ遷移、ポップオーバーやdetailsの遷移アニメーション、これまでより美しいCSSグラデーションの実装など、次のプロジェクトで試してみたいことばかりです。

2025年、Webサイトやスマホアプリの実装に役立つモダンCSSのスニペットのまとめ

6 CSS Snippets Every Front-End Developer Should Know In 2025
by Adam Argyle

続きを読む

商用利用も完全無料! UIデザインに最適、シンプルなデザインでパフォーマンスに影響を与えない超軽量のSVGアイコン素材 -Next Icons

Webサイトやスマホアプリでよく使用するUI用のSVGアイコンを紹介します。

アイコンはシンプルで一貫性のあるデザインで、サイトやアプリのパフォーマンスに影響を与えないよう非常に軽量サイズで設計されています。

UIデザインに最適、シンプルなデザインでパフォーマンスに影響を与えない超軽量のSVGアイコン素材 -Next Icons

Next Icons
Next Icons -GitHub

続きを読む

画像のalt属性には何を書けばよいか、WAIによるチュートリアルにその答えがありました

画像のalt属性に何を記述すればよいか、悩むことはありませんか?

その一つの答えがWAIによるチュートリアルにありました。画像にテキストが含まれている場合はどうすればよいか、リンクやボタンとして使用している画像なのか、装飾的な画像のaltは空で本当によいのか、などWAIによる方針が分かります。

画像のalt属性には何を書けばよいか、WAIによるチュートリアルにその答えがありました

An alt Decision Tree

続きを読む

top of page

©2025 coliss