PRE PAGE
HOME > 模写の練習 > 模写コーディングの練習3、病院サイトは配置の練習がいっぱい
2022年05月23日

模写コーディングの練習3、病院サイトは配置の練習がいっぱい

みなさんこんにちは、エンジニアのjonioです。

今回は病院サイトのデザインカンプです。

1回目のデザインカンプを使っていることを前提としているのでそれをまだやってない人はやってから今回のデザインカンプを使うことをおすすめします。

ポートフォリオに掲載していいですが必ず「練習用」と記載してください。

 

 

画像のURL

画像は素材サイトの規約で配布できないのでデザインカンプのリンク先でスクショを撮るか写真ACの画像を使っているのでそこから画像を取ってクリッピングマスクをして使って下さい。

https://www.photo-ac.com/main/detail/22305710?title=%E5%8F%B3%E6%89%8B%E3%82%92%E8%83%B8%E3%81%AB%E3%81%82%E3%81%A6%E3%81%A6%E3%81%84%E3%82%8B%E7%9C%8B%E8%AD%B7%E5%B8%AB

https://www.photo-ac.com/main/detail/2107388?title=%E6%9C%AC%E3%82%92%E6%8C%81%E3%81%A4%E5%A5%B3%E6%80%A7

https://www.photo-ac.com/main/detail/4942103?title=%E7%99%BD%E3%83%90%E3%83%83%E3%82%AF%E3%81%AE%E5%89%8D%E3%81%AB%E7%AB%8B%E3%81%A3%E3%81%A6%E3%80%81%E6%A1%88%E5%86%85%E3%81%AE%E3%82%B8%E3%82%A7%E3%82%B9%E3%83%81%E3%83%A3%E3%83%BC%E3%82%92%E3%81%99%E3%82%8B%E5%A5%B3%E6%80%A7

https://www.photo-ac.com/main/detail/22441594?title=%E5%8F%97%E4%BB%98%E3%81%AB%E3%81%84%E3%82%8B%E7%99%BD%E8%A1%A3%E3%81%AE%E5%A5%B3%E6%80%A7%EF%BC%88%E7%AC%91%E9%A1%94%EF%BC%89

https://www.photo-ac.com/main/search?q=%E3%82%A4%E3%83%AB%E3%83%9F%E3%83%8D%E3%83%BC%E3%82%B7%E3%83%A7%E3%83%B3&qt=&qid=&creator=&ngcreator=&nq=&srt=dlrank&orientation=all&sizesec=all&color=all&model_count=-1&age=all&mdlrlrsec=all&prprlrsec=all&sl=ja&pp=70&pt=B&p=2

 

 

アイコンのURL

アイコンも配布できないのですがこのサイトで取ることができます。

リンクがない物はfontawesomeで同じ物を探すが代用してください。

https://pictogram2.com/?p=909 

https://pictogram2.com/?p=2107 

https://pictogram2.com/?p=2122 

https://pictogram2.com/?p=232 

https://pictogram2.com/?p=252 

 

 

 

デザインカンプのURL

デザインカンプのリンクはここになります。

コーディングをしてつまずいた所があったらここから私に質問してください。

リンク先の2枚目のデザインカンプがスマホになりますがハンバーガーメニューをクリックすると中身が開くようになっています。

ファーストビューに波線が載っています。

これはファーストビューの上に波線の画像を載せているのですがこれは私が作ったので配布します。

波線の画像 (31 ダウンロード)

●いいねをつけてもらえると励みになります。