Webデザイン

AIでデザイン作業を効率化！ アドビの生成AIを取り入れたデザインのワークフローを学べるデザイン書 -はじめてのAIデザイン

2025/03/31(Mon) 08:57

デザインのワークフローに生成AIを取り入れることに不安がある人もいると思います。クリエイティブではないのでは？ 商用でも安心して利用できるの？ 余計に手間がかかるのでは？ そんな不安を一気に解決し、アドビの生成AIをデザインのワークフローに取り入れた新しいデザイン書を紹介します。

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

AIなら超簡単で早い！ Webサイトの構造を視覚化し、サイトマップを生成できる無料ツール -AI Sitemap Generator

2025/03/19(Wed) 08:54

最近はAIによる便利ツールが増えてきましたね。既存サイトの構造を視覚化し、ヴィジュアルサイトマップを生成できるAIツールを紹介します。サイトマップを生成するだけでなく、コンテンツもAIで生成できるので、既存サイトの改善やリニューアルにも役立ちます。

https://coliss.com/articles/build-websites/operation/work/ai-sitemap-website-content-generator.html

センスや感覚で判断するのではなく、使いやすさとクオリティに重視したロジカルなデザイン書 -ウェブデザインの思考法 第2版

2025/03/17(Mon) 08:57

Webサイトやスマホアプリの善し悪しや品質を感覚的に判断されてしまうことがあります。たとえば、デザイナーのセンスだったり、クライアントのフィーリングだったり、そういった経験はありませんか？

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

メッシュグラデーション完全ガイド：魅せるデザインの新常識

2025/02/26(Wed) 09:06

最近グラフィックやWebデザインでよく見かけるようになり、注目を集めているテクニックがあります。それが 「メッシュグラデーション」 です。メッシュグラデーションは、通常のグラデーションとは異なり、複数の色が溶け合っているような、幻想的なビジュアル効果を持つデザイン手法です。

https://photoshopvip.net/162936

マウスのみで任意のサイズのダミー画像を生成してダウンロードできるオープンソースのダミー画像ジェネレーター・「Image Elf」

2025/02/18(Tue) 09:03

Image Elfはマウスのみで任意のサイズのダミー画像を生成してダウンロードできるオープンソースのダミー画像ジェネレーターです。個人的に初見のUIで印象的でした。マウスのドラッグだけでサイズを設定、そのままDL出来る、というもの。指定サイズの10倍もの巨大サイズにも対応しています。

https://kachibito.net/useful-resource/image-elf

2024年ベスト無料デザイン素材・ツール総まとめ｜プロが選ぶ90のおすすめ

2025/01/09(Thu) 08:59

2025年こそ、もっと自由にデザインを楽しみたいあなたへ。新しい年を迎え、どんなデザインを作りたいか、デザイナーとしての一年間の目標を立てるひとも多い時期ですよね。でも、いざ始めようと思うと、ツールや素材を探すのに時間がかかる…。そんなときのために、2024年に話題を呼んだデザインツールやフリー素材を一挙にまとめました。

https://photoshopvip.net/162527#google_vignette

CV獲得や問い合わせ対応の効率化につながるWebサイトの導線改善の方法とは？

2024/12/10(Tue) 08:51

Webサイトを運営する上で、「ユーザーに見てもらいたいページへのアクセスが少ない」、「リード獲得や売上などの成果が思うように伸びていない」といった課題を感じている方もいるのではないでしょうか。

https://ferret-plus.com/125826?utm_campaign=https%3A%2F%2Fferret-plus.com%2F&utm_medium=RSS&utm_source=index_rss

コピペOK！ SVGフィルターを使った画像加工の作例集

2024/12/02(Mon) 09:04

ウェブサイトに欠かせない画像コンテンツ。Adobe Photoshopなどで加工し書き出すことも多いですが、SVGフィルターを使用すると同じように複雑な効果を表現できます。本記事では、SVGフィルターを使っていろいろな雰囲気の画像加工の作例を紹介します。数値を変えると雰囲気もガラリと変わりますのでコピペして色々とお試しいただき、ぜひ取り入れてみてください。

https://ics.media/entry/241122/

ウェブデザイナーが理解しておきたい「2つの解像度」（前編）

2024/11/20(Wed) 08:55

デザイン制作の中で「解像度」ということばを耳にすることがあると思います。よくわからない…なんとなく理解はしてるけど説明はできない…という方のために、「ウェブデザイナーが理解しておきたい「2つの解像度」のうち、「ピクセルがいくつあるのか」という「画像解像度」についてご説明します。

https://note.com/spicagraph/n/n37b58dfc0ce0

Webサイトのデザインをより良くするにはどうすればよいのか！ 洗練されていく工程が詳しく解説された良書 -WebデザインプロセスBook

2024/11/18(Mon) 08:56

こういうデザインの解説書は、初めてです！デザイナーは何を考え、どのように作っていくのか。ヒアリングから始まり、ワイヤーフレームを設計し、デザインカンプに落とし込み、最終形までチェックバックを重ねてブラッシュアップをするまでのデザイナーの意図や考え、デザインのテクニックなどを細かく解説したデザイン書を紹介します。

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