NEWS & COLUMN
お知らせ・コラム
SCROLL
DESIGN
ホームページ制作に役立つWEBサービス
2023
.05.10
最近では、便利なWEBサービスのおかげでホームページ制作をする際の効率化が図れるようになりました。便利なWEBサービスの中には、ホームページの印象づくりに欠かせない動きや配色などのサポートをしてくれるWEBサービスも揃っています。
そこで今回は、ホームページ制作に役立つ便利なWEBサービスをご紹介します。ワンクリックで簡単にコードを取得できたり、直感的な操作で完結できるサービスばかりなので、スムーズなホームページ制作のためにぜひ活用してみてください。
【目次】
1.colorbase
2.Haikei
3.FUZE CSS GRADIENT ANIMATOR
4.Vivus Instant
5.Font-familyメーカー
6.Animista
7.Uiverse.io
8.今回のまとめ
colorbase
配色をする際に便利なWEBサービスです。選択した色の基本情報や、その色に対してのおすすめの文字色と背景色、コントラスト比などのさまざまな情報を確認することができます。
colorbase
Haikei
15種類の背景画像を直感的な操作で作成できるWEBサービスです。意外とバランスを取るのが難しい波線などのイメージも、簡単に作成することができます。色やモチーフの形なども自由に指定でき、SVGかpngでダウンロードできます。
Haikei
FUZE CSS GRADIENT ANIMATOR
色を複数指定するだけでCSSアニメーション用のコードを作成してくれるWEBサービスです。背景色やテキストカラーなどに使用することができ、グラデーションのスピードも調整することができます。
FUZE CSS GRADIENT ANIMATOR
Vivus Instant
SVGデータをストロークアニメーションSVGに変換してくれるWEBサービスです。ストロークアニメーションにしたいSVGデータをドラッグ＆ドロップするだけなので手軽に作成できます。シンプルなアニメーションの場合におすすめです。
Vivus Instant
Font-familyメーカー
デフォルトフォントを使用したい場合に、実際の表示を画像で確認しながら選択することができるWEBサービスです。フォントの選択や並び替えもドラッグ&ドロップで簡単に作成することができます。
Font-familyメーカー
Animista
ベーシックな動きから、エフェクトを付けたやテキスト、背景アニメーションなどのあらゆる動きを付けたアニメーションを集めたWEBサービスです。サンプルもリアルタイムで確認することが可能です。
Animista
Uiverse.io
実用的なものからユニークなものまで幅広い種類のボタンが揃うWEBサービスです。クリックひとつでコードをコピーできるので、ホームページ制作の時短ツールとしてもおすすめです。
Uiverse.io
今回のまとめ
今回は、ホームページ制作に役立つ便利なWEBサービスを紹介しました。制作環境にWEBサービスを導入することは、制作時間の短縮にも繋がります。ご紹介したWEBサービス以外にも、このようなWEBサービスは豊富にあるので自分の制作環境に合うWEBサービスを探してみてください。
