Web制作に役立つ情報一覧

デザインが美しくなる！見逃せない最新フリーフォント33個まとめ

2022/04/05(Tue) 08:52

この記事では、普段づかいできる最新フリーフォントをまとめてご紹介します。文字を入力するだけで「決まる」、トレンドを意識したおしゃれ英語フォントから、読みやすさにこだわったユニーバサルデザインの日本語フォントまで、幅広いデザインプロジェクトに対応できる書体をまとめています。利用ライセンスも一緒に明記しています。

https://photoshopvip.net/134258

長く使える確かな文章力と表現力が身につく！ Webに特化したライティングのポイントがまとめられた解説書 -Webライティングの教室

2022/04/04(Mon) 08:53

Webサイトのライティング、タイトルや見出し、記事本文や文章構成、ソーシャルメディアのコピーなどに特化された解説書を紹介します。完全保存版の一冊でした！ライティングの基礎知識や考え方をはじめ、「調べる」「分析する」「企画立案する」「それに基づいて書く」という一連の技術がていねいに解説されており、長く使える確かな文章力と表現力が身につきます。

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

これどうやるの？手を動かして学ぶIllustrator最新チュートリアル20選

2022/04/01(Fri) 08:57

この記事では、Adobe Illustratorの使い方や新しいテクニックが充実の最新チュートリアルやつくり方をまとめてご紹介します。手順通りすすめるだけで、基本的なツールの使い方から知らなかった「やり方」を発見できるなど、手を動かしながら実用的なイラレの使い方を覚えることができます。

https://photoshopvip.net/134211

最近のWebサイトで見かける！ フロントエンドのデベロッパーにもデザイナーにも役立つCSSの実装テクニックのまとめ

2022/04/01(Fri) 08:56

最近のWebサイトやアプリで見かけるUIコンポーネントやエフェクトを実装するCSSのテクニックを紹介します。一昔前まではJavaScriptが必要だったりしましたが、現在ではCSSのみで実装できるようになり、覚えておくと非常に便利です。

https://coliss.com/articles/build-websites/operation/css/10-useful-css-tricks.html

ロゴデザインの勉強におすすめの本まとめてみました。

2022/03/31(Thu) 08:52

ロゴデザインの基礎を学びたい方向けの本　ロゴデザインの基礎とか基礎的な考え方を学びたい方におすすめの本は以下の３冊かなと思います。

https://note.com/grizzlly_design/n/n43db9398274c

無料で使える！ Notion用のおしゃれでシンプルなアイコン素材サイトをまとめました

2022/03/31(Thu) 08:51

Notion用のおしゃれでシンプルなアイコン素材を紹介します。私はデフォルトの絵文字を使用していましたが、シンプルで統一感のあるアイコンに変更すると分かりやすくなり、Notionを使用するのがより快適になりました。

https://coliss.com/articles/freebies/icons-for-notion.html

フォトショップで写真を水彩イラスト風に一発加工！おすすめ素材25選

2022/03/30(Wed) 08:55

フォトショップのなかでも写真を水彩イラスト・絵画ペイント風に加工する方法は、人気エフェクトのひとつです。アートヒストリーブラシでなぞるだけのつくり方も紹介しましたが、今回はよりお手軽にリアルな水彩イラスト加工ができるデザイン素材をまとめてご紹介。

https://photoshopvip.net/134182

プロのUIデザイナーに学ぶ特別編！ UIとUXの印象がよくなるデザインの知識とテクニックのまとめ 8ビットのドットUI

2022/03/30(Wed) 08:53

デザインはちょっとした一手間を加えるだけで、ぐっとよくなります。プロのUIデザイナーによるWebページやスマホアプリのUIとUXを改善するデザインの知識とテクニックを紹介します。

https://coliss.com/articles/build-websites/operation/design/ui-ux-micro-tips-8-bit-edition.html

よくあるWeb課題をCSSで乗り切る！知っておきたい最新テクニック20選

2022/03/29(Tue) 08:57

この記事では、日頃のホームページ制作で直面しがちな問題をCSSで乗り切る最新テクニック20個をまとめてご紹介します。早く知っておけばよかったと思う、あまり知られていないCSSの実用的なテクニックが中心で、実際の問題ケースや参考サンプル用ソースコードを一緒に確認できます。

https://photoshopvip.net/134168

ワクワクが満載！Web制作を変える最新オンラインツール50個まとめ

2022/03/25(Fri) 08:57

ウェブデザインに限らず、グラフィックなどあらゆるクリエイティブな案件、プロジェクトで活躍しそうな新しいツールを中心に揃えています。これまで面倒だった作業をワンクリックで完了したり、人工知能が自動で行ってくれたりと、より快適にプロジェクトを進めることができる便利ツールが揃います。

https://photoshopvip.net/134093