【実践】Webデザインはこんな感じで作る！ノーカット製作の流れ。

🎨 Online School for Acquiring Practical Skills: HIROCODE Academy 🎨 Hiro himself will directly instruct you in design and coding techniques that will make you an immediate asset in the workplace. For details and to register, click here 👉👉👉 https://hirocodeweb.com ------------------------------------------------------------------------------------------ This time, we're introducing the web design production process. I hope this video will help you understand the design process using Adobe XD and what I consider when designing. ☺️ 🔽 Next video: HTML Coding 🔽    • 【実践】HTML/CSSコーディングの流れ！ノーカット製作風景。HTML編   🔽 Part 2: [Uncut] Web Design with Figma 🔽    • 【Figma実践】WEBデザインで、ポートフォリオサイトを作る！ノーカット制作の流れ...   🎥 Video Structure 🎥 00:00 How to Create a Web Design 00:44 Starting the Design Using Adobe XD 01:17 About Design Sizes 01:40 Creating the Top View (Main Visual) 　　　　 Photo Material (O-dan / Adobe Stock) 02:22 Container (.container) Width 02:46 Points to Note Regarding Navigation 03:08 About Logos 03:40 Coding (HTML) CSS) About 04:04 Icon Materials (flaticon) 04:50 About Icon Types 05:20 Height of Top View (Main Visual) 05:37 About Screen Scrolling 06:15 Inserting a Macbook Mockup 07:22 Feature Section 09:29 Copyright (© / copyright) 10:16 Adding Atmosphere with Drop Shadows 10:29 Glowing Shadows 10:47 Finished! 📂 Design File Created This Time 📂 https://www.craft.do/s/R5pbWq4PobjFit ⭐️ Why not try creating your own website? ⭐️ Anyone can do it! The process of publishing a website!    • 【10分でサイト公開】誰でもできる！Webサイト公開の流れ！   ✅Thank you for watching!🙇‍♂️ If you enjoyed this video, please subscribe to my channel! ◆ Subscribe http://www.youtube.com/hirocode?sub_c... ◆ Twitter   / hirocodeweb   ◆ Instagram   / hirocodeweb   🔋 My Recommended Devices 🔋 (Affiliate ads are used!) ---- Mouse ---- 【Logitech Advanced Wireless Mouse MX Master 3】 https://amzn.to/34Zn5LH "Button customization improves work efficiency. Customizable for each application." ---- Keyboard ---- 【Logitech Advanced Wireless Keyboard KX800 MX KEYS 】 https://amzn.to/38S1B4i "Easy to type on, less tiring, and quiet typing. Recommended for those who code for long periods." ---- Computers ---- 【Apple 13-inch MacBook Pro 2022】 https://amzn.to/3bDPYmU "Equipped with the latest M2 chip! We recommend using a good computer as an initial investment." ---- Peripherals ---- 【Apple AirPods Pro】 https://amzn.to/3rAyU4u "The noise-canceling function allows you to concentrate without being affected by surrounding noise, such as when working in a cafe or commuting. AirPods are recommended for those who use other Apple devices. 【Apple iPad Pro 11-inch】 https://amzn.to/3mZuvoo "With the Sidecar function built into Macs, you can use your iPad as a secondary display." " 📕 Recommended Books 📕 ---- Design Basics ---- [HTML & CSS and Web Design Introduction Course: Learn Everything in One Book] https://amzn.to/3o8vofO " Understand the basics of web design and coding (HTML/CSS). A recommended book for beginners." [Understanding Design] https://amzn.to/2X48Z77 " A book that explains all aspects of design visually and clearly with diagrams. Recommended for those interested in design." ---- Design Thinking ---- [Design for Whom?] https://amzn.to/3o4gzun " Understand the role in design. A book that shows what you need to consider when designing." [IA Thinking: IA Thinking Techniques for Web Creators and Managers] https://amzn.to/2KETvEn " A book to learn how to think about site design before the actual design process." " ---- Book Device ---- 【Kindle Paperwhite】 https://amzn.to/3n2AwRh " I disposed of 200 business books and introduced this. While some books haven't been digitized, I recommend reading ebooks for those who don't have a particular preference for physical books. 🎧 BGM 🎧 ---------------------------------------------------------- Music Title: Happy And Joyful Children Music Link:    • Happy Children Background Music / Joyful U...   ----------------------------------------------------------