|
所在平台: Udemy |
课程主页: https://www.udemy.com/course/ui-design-bootcamp-master-typography-colour-grids/
课程评论:没有评论
课程名称:UI设计训练营:掌握排版、颜色与网格 课程概述: 优秀的用户体验离不开精心设计的用户界面。微小的美学变化可能对用户体验产生重大影响。本课程专注于网页应用设计中的排版、颜色和布局组成,这些设计元素影响着应用的品牌形象、风格、可用性和用户体验。虽然设计师在不断做出这些决定,但他们是否意识到它们的影响呢?通过适当的排版和颜色使用,可以使内容更具表现力,并影响用户的阅读体验。掌握基础知识后,设计师能够做出能提升应用品质的重要决定。 本课程的学习内容包括: - 排版:了解不同字体分类的历史背景,选择和搭配字体。 - 可读性:改善排版选择以帮助用户更轻松地阅读。 - 样式与格式:提升排版样式以改善视觉层次。 - 网格系统:了解设计中使用的网格类型及现代应用设计的技术局限性。 - 建立网格:确保在设计软件中设置合适的网格,以便应用开发时使用。 - 颜色交互:通过实践练习提升对颜色的直觉使用能力。 - 颜色工作原理:研究光的物理特性及其如何创造颜色。 - 颜色属性:调整颜色以增强设计的实用性。 - 创建调色板:制定适合UI的色彩调色板。 - 视觉语言:选择照片、图标、插图等视觉元素以支持设计。 适合对象: 本课程适合已有一定网页及应用设计经验的学生。尽管课程内容为初学者设计,但如果你已经有一些设计作品,将更容易从中受益。此外,学员需掌握一些设计软件,如Figma、Adobe XD、Invision Studio、Sketch等。该课程不仅面向设计师,前端开发者和产品负责人也将从中受益。本课程提供无条件退款保证,如有任何特定问题可随时联系。
The most crucial aspect to form a great user experience is having a beautifully crafted user interface. Some small changes to your aesthetics can have a huge impact on the experience of your users.If you're designing using a web application, you're making decisions about typography, colour and composition that will affect the branding, style, usability and user experience of your application. You're already making these decisions but are you aware of their impact. Very subtle use of typography and colour can have enough personality that we don't need any other visuals. We can give life to a dull block of text and it can make it easier or harder for our users to read. Getting a few simple choices right can make or break the application. Typography is 95% of what we see on a web application, it dictates every other design decision. yet few people really stop to learn how to use typography to their advantage. Colour is what makes us differentiate everything in a design. If there was no colour we'd not be able to identify anything on a design. But it also has the most emotional connection of anything in a design and it can't be easily categorised, as colours appear very different depending on their use and context. We have to use colour, so let's learn to use colour to our advantage. A grid makes our designs feel uniform. If we know how to use one, it's the single thing that can make a design instantly feel more professional. But we need to understand the limitations and advantages of recent web development to create a grid that looks good on paper and still looks good on the web. What do I get in this course?To improve your skill in each of these areas: you'll do a combination of learning some underlining theory, complete challenges to improve your intuition and some practical exercises to create some great-looking designs. A short description of each module is below.Composition: practical exercises to improve your intuition when placing elements on a pageTypography: History and background of different type classifications Selecting and Pairing: How to choose a typeface and how to select complimentary typefaces that work togetherReadability: How do we read and how can we make it easier for people to read with our typographic choicesStyling & Formatting: What extra style can we add to our typography and how can we use this to improve our visual hierarchyGrid Systems: The types of grids used in design and some of the technical limitations for modern application designBuilding our Grid: How to ensure we set up the grids in our design software to work when developing applicationsColour Interactions: practical exercises to improve our intuitive use of colour when used in different contextsHow Colour Works: The physics behind how light works and how it creates colourColour Attributes: How to make changes to a colour to make it more useful in your designCreate our Pallet: practical steps to create a colour pallet that works specifically for UIVisual Language: Choose photos, icons, illustrations and other visuals to support the designIs this course for me?Ideally, you'll already have spent some time designing websites and/or applications. Every aspect of the course is created with beginners in mind but you may find you get more out of the course if you've already created some designs. You'll also ideally need to know how to use some design software. I recommend Figma, but Adobe XD, Invission Studio, Sketch or some similar software will also be okay.The course is created with designers in mind but it may also be of interest to front-end developers or product owners. There is a money-back guarantee with no questions asked and you can message me with any specific questions.