|
所在平台: Udemy |
课程主页: https://www.udemy.com/course/workflow-of-responsive-web-design-from-sketching-to-style-guides/
课程评论:没有评论
课程名称:现代网页设计工作流程:从线框到风格指南 课程概述:本课程于2020年10月更新,新增了关于Figma和Adobe XD的讲座。旨在让您的网页设计过程变得简单、高效且无痛。传统网页设计师的工作在过去几年中发生了显著变化,响应式网页设计并不简单。许多年轻网页设计师面临的问题如:如何更改布局?如何设置响应式设计的网格?哪些内容需要隐藏或展示? 在每个网页设计项目中,设计师需要进行以下步骤: - 收集项目需求(来自客户和用户) - 初步草绘网站的想法 - 将这些想法转化为线框图 - 将线框图转化为设计模型 - 准备规范和风格指南供开发人员使用 - 创建原型以展示流程和互动 课程中还涵盖如何在Photoshop中设计网站的响应式视图,通过提升设计工作流程来节省时间。现代设计师通常使用多种工具进行网页设计,并且需要频繁与开发人员协作。本课程将展示从收集信息和设计简报,到创建草图、线框和原型,甚至为开发人员制作风格指南的现代流程。 课程中将使用的工具包括: - Adobe Photoshop - Balsamiq Mockups - Figma - Adobe XD - Zeplin 此外,课程中将涉及的设计框架包括: - 原子设计框架 - 8点网格系统 最后,我将介绍其他类似的在线应用程序,并比较它们的优缺点。如果您准备好学习现代网页设计,并希望成为顶尖网页设计师,请立即开始本课程。
UPDATED ► Oct 2020 (New Lectures added about Figma and Adobe XD)Make your Web Design process simple, effective and painless with this Web Design courseFrom the past few years, job of a traditional Web Designer has been drastically changed. Designing for each and every screen (Responsive Web Design) is not easy. Questions like these come to mind of every young web designer e.g. How to change layout? How to setup grids for responsive web design? Which content to hide and show?Now in every Web Design project, we designers Gather project requirements (from client and users) Sketch early Ideas of your websiteWire-frame those ideas Convert wireframes to Design Mockups Getting Specs and Style Guides ready for Developers Creating Prototypes to show the flows and interactionsHow to design Responsive views of your Website in PhotoshopSave time by improving your Web Design Workflow Every modern designer uses more than 2 to 3 tools in Web Design process. Designers also need to collaborate with Developers a lot so how to solve all these problems. So in this course, I will show you modern process of creating Responsive web design from gathering information and design briefs from client to creating sketches, wire-frames and prototypes or even style guides for developers. Tools you will use during this course are Adobe Photoshop Balsamiq Mockups FigmaAdobe XD Zeplin App Design frameworks you will touch in this course areAtomic Design framework8-Point Grid SystemI will show other similar online apps for Web Designers at the end and compare their pros and cons. Now if you are ready to learn the modern web design and become a top notch Web Designer Start this course Now