Webデザイン

デザインのクオリティが劇的にアップする！ 罫線の定番の使い方から洗練された使い方まで徹底的に解説したデザイン書 -だけじゃない ケイセン デザイン

2026/03/09(Mon) 08:55

デザインでよく使用する要素の一つにケイセン、罫線があります。Webサイトやスマホアプリをはじめ、紙のデザイン、ポスター、パッケージなど、あらゆるデザインに罫線が使用されています。情報を区切るために、情報を整理するためにをはじめ、さらにレイアウトを魅力的にする罫線のテクニックを徹底的に解説したデザイン書を紹介します。

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

ブックマークしておくと便利！ さまざまなデバイスのスクリーンサイズ・解像度・ピクセル密度などの仕様が一覧できる -What Is My Screen Size?

2026/02/20(Fri) 08:57

iPhoneやiPadのスクリーンサイズと解像度とピクセル密度っていくつだっけ？ GalaxyやPixelのスクリーンサイズと解像度とピクセル密度は？もちろんそれぞれの公式サイトで探せば見つかりますが、けっこう手間です。さまざまなデバイスのスクリーンサイズや解像度やピクセル密度などの仕様が一覧できる便利なサイトを紹介します。

https://coliss.com/articles/build-websites/operation/work/screen-sizes-and-resolutions-for-different-devices.html

シンプルだから使いやすい！ レスポンシブ対応のグリッドをオーバーレイ表示できるChromeの拡張機能 -Grid Overlay Pro

2026/02/17(Tue) 08:57

ブラウザに表示したあらゆるWebページにレスポンシブに対応したFigmaみたいなグリッドをオーバーレイー表示できるChromeの機能拡張を紹介します。グリッドのオーバーレイはブラウザ内で完全にローカルで実行されるため、オンラインのWebページだけでなく、ステージングやローカル環境でもグリッドを表示できます。

https://coliss.com/articles/build-websites/operation/work/grid-overlay-pro.html

UIデザインのクオリティが格段にアップする！ 感覚的ではなく、論理的にデザインを改善するポイントを解説

2026/01/27(Tue) 08:51

WebサイトやスマホアプリのUIを魅力的に、そして一貫性のあるデザインに改善するときに役立つUIデザインの知識とテクニックを紹介します。直感や感覚的な曖昧なものではなく、明確で論理的なガイドラインに基づいて改善することで、UIデザインのクオリティは格段にアップします。

https://coliss.com/articles/build-websites/operation/work/logic-driven-ui-design-tips.html

HTML Living StandardとモダンCSS、最新ブラウザに完全対応！ 目的別で分かりやすいリファレンス本 -HTML＆CSSポケットリファレンス 改訂第4版

2026/01/26(Mon) 08:57

『HTML＆CSSポケットリファレンス』の改訂第4版が、発売されました！先週発売されたばかりの最新刊で、HTML Living StandardとモダンCSSに対応したリファレンス本です。もちろん、最新のブラウザにも対応しており、HTMLとCSSの基礎知識からこれから使うであろう最新機能まで、収録されています。

https://coliss.com/articles/book-review/isbn-9784297153311.html#google_vignette

これはかなり便利！ 1クリックであらゆるWebサイトのデザインやアセットを抽出できるChromeの拡張機能 -MiroMiro

2026/01/21(Wed) 08:53

MiroMiroは1クリックするだけで、表示しているサイトを分析、デザイン要素を抽出、本番環境で使えるアセットに変換するオールインワンの拡張機能です。デベロッパーツールや似た拡張機能よりも直感的に操作でき、かなり便利です。

https://coliss.com/articles/build-websites/architectonics/copy-sites-design-assets.html

すごく分かりやすい！ デザインにおけるトーン＆マナーの考え方、揃え方を詳しく解説したデザイン書 -トンマナの基本

2026/01/19(Mon) 08:55

一つひとつはいいんだけど、全体で見るとなんかバラバラ、そういうデザインは「トンマナが揃っていない」と言われます。ここ数年で、デザインのトーン＆マナーを重要視しているWebサイトやスマホアプリも増えてきたように感じます。そのトンマナの考え方、作り方、運用について詳しく解説したデザイン書を紹介します。

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

デザイナーのためのAI入門：ハルシネーションとは？仕組み・リスク・対策をわかりやすく解説

2026/01/08(Thu) 09:07

生成AI、すごく便利ですよね。でも、AIに質問して返ってきた回答を見て「え、これ本当⋯？」と思ったこと、ありませんか？調べてみたら、実在しない本を紹介されていたり、微妙に事実と違う情報が混ざっていたり。じつは、これには「ハルシネーション」という名前がついています。AIが幻覚を見ているかのように、存在しない事実を作り出してしまう現象のことなのです。

https://designmemo.jp/2026/01/ai-hallucination-for-designers.html

『つくって学べる はじめてのFigmaデザイン』の「はじめに」全文公開と、発売後の記録

2026/01/06(Tue) 08:53

デザインメモ初の商業書籍『つくって学べる はじめてのFigmaデザイン』が12月2日発売されて、まもなく1ヶ月が経ちます。まだデザインメモでは、この本についてきちんと書けていなかったのですが、まずはこの本の「はじめに」をそのまま掲載しようと思います。

https://designmemo.jp/2025/12/figma-book-after-release.html

Figmaの使い方も進化している！ デザインの現場でどのように活用するのかが分かる解説書 -Figmaではじめるデザインコラボレーション

2025/12/25(Thu) 09:06

Webサイトやスマホアプリの制作、UIデザインにFigmaを使用している人も多いと思います。確かに初期のFigmaはデザイナーがUIデザインに使うツールとしてがメインでしたが、現在のFigmaはアップデートが重ねられ、上流工程から下流工程まで幅広く活用できるツールに進化しています。Figmaをデザイナーだけでなく、エンジニアやPMなどを含むチーム全体で活用し、デザインのコラボレーションツールとして生産性を向上させるための手順やテクニックを詳しく解説した解説書を紹介します。

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