102
133

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?

初心者が個人的にとても使えると思ったデザイン参考サイト【第二弾】

Last updated at Posted at 2024-03-26

こんばんは!
今回はポートフォリオ作成中にいいなと思ったデザインサイトを載せます!
前回よりバージョンアップしてます(たぶん)

動きのある機能やボタン

ボタンジェネレーター、Front-end Tools

Front-end Toolsというサイトには紹介で載せたボタンジェネレータ―以外にも、グラデーションやアニメーションなどの様々なジェネレーターが存在し、ソースコードをコピペするだけで簡単に凝った見た目のサイトが出来上がります!個人的にはグラデーションジェネレーターが好きです。

動くWebデザインアイデア帳

ハンバーガーメニューやスクロールトップ、スライドショー、ギャラリーなど様々な動きのあるデザインが載っています。なんとこちらは書籍もあり、今年(2024年)の8月までしかwebの無料版は公開されないらしいので、参考にする場合はお早めに!それ以降は書籍購入者のみ見れるそうです。

カラーなど

color-wheel(Adobe Color)

color-wheelでは1つの色に対して、ハイライトに使えそうなトライアドや類似色、シェードなどを提案してくれる優れものです!この色に似た色だけど少しパターンが欲しい、この色に対する差し色でいい色がないか探したいというときにピッタリです!

ページデザイン参考

SANKOU!

このサイトでは世の中にある素敵なサイトをたくさん紹介しています。レイアウトに行き詰ったときはおすすめです!!

フォント

Roboto

ページ左上のfontsから様々な言語の無料フォントを検索できます。
個人的に英語のフォントはRalewayが好きです。Wの表示が可愛くておすすめです!

おわり

以上が初心者の私が使えると思ったデザイン参考サイトでした!
デザインを考える際に参考にしていただければなと思います。
第一弾にはロゴのデザインなどもあるので、そちらもよければ。

102
133
5

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
102
133

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?