设计师绝不是只会使用设计工具、没有设计灵魂的美工。非凡网页设计师培训从点、线、面绘画原理讲起,涵盖色彩原理、空间表现、创意思维等内容,重点培养设计思维,帮助设计师突破作品缺乏创意的职业发展瓶颈,成为专业出色的网页设计师。
网页美工设计师
1. HTML:HTML的语法及HTML的新特性,HTML的实际应用及案例分析
2. Web标准布局Div+Css:详解DIV+CSS布局重构的高级技巧,使学员能够针对不同的用户体验设计出不同的网站结构布局。熟悉各种浏览器的特点,并能熟练掌握各种浏览器兼容的制作方法和技巧。
3. Web交互表现JS:JS使网页和用户之间实现了一种实时性的、动态的、交互性的关系,它使网页变得更加鲜活。在这里我们将学到JS的交互理论与常用的web,用足够的创意,开辟交互动画的新时代
4. Web美工综合部分:
a)PS网页设计:PS在网页设计领域的应用,以及成套网页布局流程解析,经典网页案例设计
b)版式构图表现与版式设计技巧:设计的基本原则、构图、光影透是以及点线面元素处理等重要版式布局理念。如何让网页界面更加吸引力,突破以往的网页版面格局等新鲜内容。
c)网页配色技巧:色轮、色彩关系、色彩心理暗示以及不同色调的网站设计技巧。如何运用色彩理论为新网站设定配色方案,以及运用色彩打动用户。
d)网站中的字体搭配与排版:在网页设计中,我们将透过大量的范例,了解字体的特征,终得以灵活应用。内容包括字体的使用、文字标题的制作、文字段落的排版等。
e)网页美工综合实训:运用本模块学习的知识,设计并策划“企业门户网站页面、电子商务网站页面等”使学到的技能得到进一步巩固。
如何才能在网页界面设计中体现简约之美
既然简约设计在提升用户体验愉悦度,加载速度以及页面兼容性和产品销量方面,作用如此巨大,究竟如何才能在页面设计中体现其简约之美简约设计的技巧和禁忌有哪些
1.利用自然留白,突出软件或产品功能/特色
与绘画中添加留白以增加作品神秘感,给予受众足够想象空间的目的不同,网页页面设计中留白(也称负空间)的使用,则更偏向于减少界面噪音,突出界面展示内容。让用户更自然地将视线集中于展示的软件或产品功能,服务和特色,加深用户印象,从而增加产品销量。
所以,设计师在界面设计中,要注意自然留白的设计和应用,引导用户点击或购买。
2.巧用色彩,让界面简约而不失视觉吸引
简单色彩的选择和应用,不仅不会增加页面的复杂程度,相反,还能帮助划分界面功能模块,让界面简单而不失视觉魅力。而这一方面,大家可以从以下几个方面进行尝试:
1)简单色彩或配色方案的选择和应用,提升界面视觉吸引力
2)色块可兼具划分界面功能/模块的作用
3.优化界面字体以及排版,体现界面层次结构
除去色彩,界面文本内容,字体以及排版的优化,也能使整款网页设计更加简洁干净,直观生动地展示其页面层次结构。比如:
1)简化文本内容,让界面更加直观易懂
采用更加简洁的用语,句式或形式(例如小标题或列表)简化界面文本内容,让页面设计更加简单易懂,直观实用。
2)巧用文字属性/排版,体现页面结构和层次
优秀的简约网页设计,一般不会使用太多字体和排版。简单一两种,结合文字大小,颜色,粗细,行间距以及排列位置(例如包含,并列等排列方式)等属性设置,也能简单而直观地体现页面结构和层次关系。
而这一点上,设计师们可以直接使用Mockplus的“单行文本”和“多行文本”组件轻松实现。无论是其文本色彩,下划线,斜体,字体,尺寸,对齐方式,还是文字边框,行间距,自动折行,外部链接以及排版等属性设计,都能简单实现,真正的做到“所见即所得”。
4.利用图片对界面文本进行阐释
极简主义界面设计,“少即是多”的设计理念告诉我们,当千言万语也无法清楚表情达意时,简单地添加适当图片,更能清晰明了的表达设计师意愿,事半而功倍。
而在图片添加方面,设计师可以充分尝试Mockplus的“图片”,“GIF”组件以及“我的组件库”等功能,实现静态,动态以及批量图片的添加的和优化。Sketch图片的导入,批量图标的添加和编辑等等,都不是问题。