Web制作に役立つ情報一覧

商用利用も無料！ これはすぐに使いたくなる、美しい丸ゴシック体のかわいいフォント「とよまーる」

2024/10/03(Thu) 09:23

私のお気に入り「かもめ明朝（紹介記事）」をはじめ、「築豊35ポイントゴチック」「トレゴ」「新レトロ丸ゴシック」「築豊明朝」など、オールドスタイルの日本語フリーフォントをリリースされている文字魚さんから新作フォントがリリースされました！今回リリースされた「とよまーる」は、丸ゴシック体のかわいいフォント。単に角が丸いだけでなく、丸ゴシックの柔和さをフォントのデザイン全体で表現されています。通常版（有料）とフリー版（無料）の2種類があります。

https://coliss.com/articles/freebies/free-font-toyomare.html

次に流行るフォントは何？おすすめ最新フリーフォント50選

2024/09/30(Mon) 09:26

このリストでは、10年以上にわたってフリーフォントの収集を続けつつ、毎年デザイントレンドのチェックを行っている筆者が見つけた、おすすめの最新フリーフォントをまとめています。

https://photoshopvip.net/160863#google_vignette

これで簡単に実装できる！ カードやパネルをドラッグアンドドロップで移動できるレイアウトに変換するスクリプト -Swapy

2024/09/27(Fri) 09:12

数行のコードを記述するだけで、カードやパネルをドラッグアンドドロップで移動できるレイアウトに変換するJavaScriptを紹介します。他のフレームワークやライブラリへの依存はありません。また、ReactやVueやSvelteなどと一緒に使用することもできます。

https://coliss.com/articles/build-websites/operation/javascript/drag-to-swap-layout-swapy.html#google_vignette

UIデザインに奥行きを効果的に取り入れるテクニックを解説 -Designing Depth

2024/09/20(Fri) 09:17

WebサイトやスマホアプリのUIデザインで重要になるのは、構成です。前景要素があり、背景をぼかしたり、モーション振付、アニメーションのタイミングをずらすなど、アフォーダンスを示すためのUI/UXデザインのテクニックを紹介します。

https://coliss.com/articles/build-websites/operation/design/ui-designing-depth.html#google_vignette

【無料】これはうれしい！表現力がアップする最新テクスチャ素材24選

2024/09/19(Thu) 09:01

いくらあってもうれしい無料デザイン素材ですが、その中でもテクスチャ素材は使い勝手の良さから人気の高いアイテムです。商用利用できる無料テクスチャ素材集もアップグレード継続中ですが、今回は2024年に公開されたばかりの最新テクスチャをまとめてご紹介。

https://photoshopvip.net/160701

かわいくて、ちょっと面白いフリーフォント！ 商用利用も無料、積み木を重ねたようなフォント -ブリジング

2024/09/18(Wed) 09:16

新作フリーフォント「ブリジング -Bridging」がリリースされました！橋渡しを模したフォントで、まるでジェンガのように積み木を重ねて真上から俯瞰されたような、かわいくてかなりインパクトのあるデザインになっています。

https://coliss.com/articles/freebies/free-font-bridging.html

難しい理論は不要！イラストで楽しく学べるデザインの基本原則

2024/09/13(Fri) 09:04

デザインを始めたばかりの頃、色や配置を感覚だけで決めていたら、なんだかごちゃごちゃした見た目になってしまった、そんな経験がよくありました。でも、デザインにも実は「基本のルール」があることを知ってから、少しずつ自信を持って作れるようになりました。

https://photoshopvip.net/160664#google_vignette

商用利用OK！手書き風の日本語フォント7選〜デザイナーおすすめの無料＆有料フォント

2024/09/12(Thu) 08:55

メインビジュアルやポスターに手書き文字を取り入れるのは、ここ数年のデザイントレンドの一つです。しかし、自分で手書きするのは意外と難しいこともありますよね。この記事では、無料のものから有料のものまで、私が本当に気に入って使用しているおすすめの手書き風フォントを厳選しました！各フォントのウェイトや収録文字数についての情報も紹介しています。

https://designmemo.jp/2024/09/handwritten-fonts-japanese.html

ユーザー満足度がぐっと上がるUXデザイン小技テクニック26選

2024/09/09(Mon) 08:55

現役UIデザイナーのジム・ラプティス氏が実際にWebサイトやオンラインツールの制作で得た、UX（ユーザーエクスペリエンス）を改善できるシンプルで効果的なテクニックをご紹介します。

https://photoshopvip.net/160627#google_vignette

オンページSEOで知るべき重要な13の要素

2024/09/09(Mon) 08:54

オンページSEOで検索での可視性を最大化しよう。ウェブサイトのランキングに影響を与える要素について学び、コンテンツ最適化からサイト速度、モバイルフレンドリーまで理解しよう。

https://seojapan.com/column/essential-factors/