この度、読者の皆さまへのプレゼント企画として、ご要望の多かったデザインカンプデータを配布することにいたしました!
デザインカンプデータダウンロードURL
https://web-design.camp/books/data/kissa_design_comprehensive.xd
※クリック/タップすると自動でダウンロードが始まります。ファイルサイズが60MBほどありますのでご注意ください。
実務でコーディングを行う際、デザイナーから支給されたデザインカンプを見ながら、要素の配置やサイズを確認して進めていきます。本書のチュートリアルを進める際にも、このデザインカンプを確認しつつ進めていくとより理解が深まるはずです。学習が進みコーディングに慣れてきたら、本書を閉じて、デザインカンプだけを頼りにコーディングを進めてみるのも、より実践的で面白いかもしれません。
また、コーダーを目指す方だけでなく、デザイナーを目指す方にもお役立ていただけるよう、レイヤーの整理やコンポーネントの使い方など、実務レベルで使用できるクオリティにしてあります。そういった視点でも見ていただくと、より学びの多いものになるかと思いますので、ぜひご活用ください。
なお、ファイル形式はAdobe XD用のデータとなり、閲覧・編集にはAdobe XDが必要です。2024年4月現在、Adobe XDはメンテナンスモードとなっており、使用にはAdobe CCの契約が必要です。ご了承ください。