🧁
デザインについて 便利なサイトたち
はじめに
現在チーム開発中、プログラミング学習２ヶ月目の初学者です🔰
レイアウト調整で使った便利なサイトなど紹介していこうと思います！
便利なサイトたち
配色
おしゃれな配色がたくさん載っているサイト
この配色で高級感あるサイトを目指しました🙆🏻♀️
文字の色、ボタンの色やテーブル、ちょっとした背景の色など
すべてその４色から使うことで統一感を出しました！
ナビゲーションにカーソルを当てると下線が出るようにしてます🌱
ボタンの色をカスタマイズすることでBootstrap感が一気に減った気がします🥺
画像
画像はここで集めました
商用利用できる著作権フリーの素材サイト
著作権が微妙だけどピンタレストも
ロゴ
ロゴはこちらで作成
ここもよかった！けど背景が透過できなかった😂
フォント
フォントはこちらを使用！
アイコン
アイコンはこちらから
ページネーション
ページネーションもカスタマイズ！
ファビコン
ファビコン作成
Bootstrap
Bootstrapのよく使うクラスまとめ
デザイン参考
自分で作っていく中で、この部分はどうしたらいいんだろうと考えながら
他のサイトを見ることで、
工夫しているところはここなんだ、ここの色だったり形はこうするんだ、
など新しい角度から見れるようになった気がする！
もっと色々なサイトを見たり、デザインの本を読んだりして感性を磨いていきたいですね🙌🏻
アイディア帳
最初はデザインまで自分たちでできるのか？って不安でしたが、
一つ一つ高級感あるサイトというテーマに沿って決めていくことで
スムーズに決められました👀
それぞれ細かいところまでもっとこうしたらいいんじゃない？って意見を出し合って
どんどん作りあげていくのがとっても楽しかったです🍰
あとは微調整して、実装テスト、スライドや動画撮影したら終わり！！
残りも頑張ろう！！
Discussion