Webデザイン

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

どういったデザイン思考で作ったらいいか「伝えるためのデザイン」に着目してデザインのテクニックを学べる良書

2024/11/11(Mon) 09:02

表紙をぱっと見ると、デザイン書とは違うのかな？と思うかもしれません。プロのデザイナー向けかと聞かれたら違いますが、デザインを学んだことがなくてもデザインするために役立つ知識やテクニックを学べるデザイン書を紹介します。

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

Figma Sidesがすごい！特徴や使用感を紹介します

2024/11/01(Fri) 09:06

UI/UXのデザインツールとして知られるFigmaですが、ホワイトボード機能を持つ「FigJam」に続き、今年6月に新たなプロダクト「Figma Slides」が登場しました。もともとFigmaでスライドを作成していたのですが、Figma Slidesを使い始めてからはとにかく使い勝手が良く、手放せない存在になりました。今回は、Figma Slidesの機能や使用感についてご紹介いたします。

https://liginc.co.jp/651908

デザイン作業の無駄を削減！今すぐ使える注目の時短Figmaプラグイン20選

2024/10/29(Tue) 09:10

今のデザイン作業で、無駄な手間や時間を感じていませんか？忙しい毎日のデザイン作業において、時間がかかる平凡なタスクや反復作業はできるだけ省きたいですよね。プロも初心者も関係なく、「これさえあれば」と思うツールがいくつもあります。今回は、作業をシンプル化し、生産性を最大化するために役立つFigmaプラグインをご紹介します。

https://photoshopvip.net/161439#google_vignette

すぐにできる！UIデザインが劇的に変わる7つの秘密テクニック

2024/10/25(Fri) 08:51

ウェブ開発者であれば、一度はビジュアルデザインの判断を迫られる場面に遭遇したことがあるでしょう。フルタイムのデザイナーがいない会社で、新しい機能のUIを自分で実装しなければならなかったり、サイドプロジェクトに取り組んでいて、平凡なBootstrapのサイトよりも見栄えを良くしたい場合などもあるでしょう。

https://photoshopvip.net/161401#google_vignette

かなり詳しくてよく分かる良書！ デザインシステムの作り方、導入・運用も学べる解説書 -つくって、みなおす、デザインシステム

2024/10/15(Tue) 08:58

Webサイトやスマホアプリの制作・開発にデザインシステムを取り入れるといいと聞くけど、どこらへんが有用なの？ 導入する実際の手順を教えてほしい、という人にお勧めの解説書を紹介します。デザインシステムを作る前の準備から、実際の作り方、Figmaを使った導入方法、完成した後の運用方法まで、ていねいに詳しく解説されています。

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