位置:搜学搜课 > 新闻 > 长沙UI设计线上培训
助你拥有“设计能力,前端能力,交互逻辑及产品思维”
职责不局限于好看,技能不局限于作图,角色不局限于执行。统筹商业全案,主导项目全流程;
全链路设计师
品逻辑,用户逻辑,用户的操作流程,用户体验,输出交互设计稿
交互逻辑
产品定位,需求分析,产品功能的实现,商业全局的管控
产品思维
HTML5,CSS3, JavaScript核心,dv+css(web标准)
前端能力
设计软件的熟练程度,设计的美观度,排版布局的合理性,整体风格的把控
设计能力
致力于培养掌握多重技能的全栈商业设计
职业能力+软件理论,设计师就业的敲门砖
理论+商业项目实训,从美工到全链路的变革
阶段 | 第二阶段 | 第三阶段 | 第四阶段 | 第五阶段 |
GUI图形界面设计 | WUI网站建设 | MUI移动界面设计 | AUO商业美术 | VUI设计师职业素养 |
构成 | 网站建设流程规范 | 用户需求挖掘分析 | Logo创意手绘 | 就业准佳备及职业规划 |
GUI基础 | 企业网站界面设计 | 产品设计流程规范 | 创意构成与透视原理 | 简历制作及作品包装 |
型录设计 | 专题网页界面设计 | iOS界面设计 | 光与影 | 职业礼仪与高校面试 |
网店设计 | 电商网站界面设计 | Android界面设计 | UI设计中的手绘 | 互联网开发全流程 |
设计流程规范 | Flash超媒体设计 | 微软WP界面设计 | 手绘创意广告草图 | 设计师沟通与表达 |
品牌设计 | 响应式布局,移动端布局 | Android电视界面设计 | 手绘创意字体 | 设计师的自我管理 |
广告设计 | HTML5与CSS3 | Sketch软件项目实战 | 色彩基础 | 设计师的项目管理 |
界面设计 | Javascript与 jQuery | Axure/iso/Flint/墨刀 | 色彩与视觉 | 作品的包装与推广 |
项目考核及提案 | H5与CMS模板设计 | Axure/RP交互实现 | 色彩搭配 | 豪华版简历设计 |
17年专注职业教育,挖掘互联网22大就业方向
达内携手Adobe,联合培养设计人才
UI界面视觉设计的空间要素
1.栅格系统
1.1栅格系统简介
栅格系统英文为「Grid systems」,是一种平面设计的方法与风格,运用固定的格子设计版面空间布局。
其风格工整简洁,在二战后大受欢迎,已成为今日出版物设计的主流风格之一。
如今栅格系统也已经被运用到网页设计中,它以规则的网格阵列来指导和规范网页中的空间布局。
栅格系统的使用,可以让网页的信息呈现更加美观、易读、严谨和一致,同时也更具可用性。
1.2「8像素」栅格规则
「8像素」栅格规则是一个以8px为单位,利用8的倍数来规定页面中元素(按钮、输入框、图片等)的尺寸及各自间距的一种通用的栅格规则。
为什么用8而不是5或7呢?因为8是一个偶数,在UI设计过程中,对于Android系统需要导出特殊的 1.5x的切图,
如果图片尺寸为奇数,则会出现半像素和虚边的问题,而用偶数则可以避免这种情况。
为什么用8而不是6或10呢?因为目前主流的屏幕尺寸大部分都是8的整数倍,比如1920×1080、1280×1024、1280×800、1024×768等。
即使某些屏幕边长像素不是8的倍数,在设计中仍然可以尽量做到自定义元素的长、宽、margin以及padding都是8的整倍数来维持设计的一致性。
2.留白
对于一些特殊的页面,例如:引导页、闪屏页、促销页等,可以不用严格按照栅格系统进行设计,但需要注意空间留白的运用。
2.1留白四属性
层次感:留白可以使页面的层次感得到极大的增强,留白越大,模块、信息间的层次感越清晰。
焦点:元素越多,人的视觉注意力越容易分散;相反元素越少(即留白越大),注意力则会更有效地聚焦在重要的内容上。
韵味:留白具有“此时无物胜有物”的感觉,犹如中国的水墨画。留白运用于页面设计中,韵味也会出现。
呼吸:留白的呼吸属性可以想象成周围的空气,当空气中的颗粒物(元素)特别多时,人的呼吸也会觉得不通透;相反留白越多时,呼吸感越顺畅。
2.2留白表现形式
轻度留白:轻度留白是我们常见的页面留白设计形式,在传递出雅致、、文艺等气质的同时,又能将信息表现得清晰直接,让页面更加简洁和实用。
轻度留白融合了重度留白的优势,但不受品牌属性的影响,几乎任何产品都可以用这种表现形式。
重度留白:重度留白是把主体缩小到,其传递出的雅致、空灵、气质是强的,但与此同时,其他的属性也近乎为零。
“无印良品”品牌倡导简约、质朴的生活方式,原研哉赋予其设计理念就是“空”。所以,重度留白传递的不是产品,而是概念、气质和态度。
后总结
1.色彩
色相、明度、饱和度是色彩的三个属性,不同的色彩具有不同的心理寓意,选色时需考虑产品的调性和受众人群;
色环上距离(角度)越大的颜色对比效果越强,反之对比效果越弱,设计时应采用合适的色彩搭配。
2.字体
黑体、宋体等是常用的中文字体,而衬线体和无衬线体是常用的西文字体;不同平台的界面设计会有不同的字体使用规范;
另外,设计时需注意字号、字重以及行间距的设置,以达到的阅读体验。
3.图标
图标可以辅助信息文字的传达,也可以对界面起到修饰作用;功能型和展示型是图标的两大类型;
不同风格的图标传递出不同的视觉语言,根据场景的需要进行合适的选择,并保持风格的一致性。
4.图片
不同比例的图片所传递的主要信息各不相同,设计时需要结合产品的特点,并根据不同的要求来选择合适的图片比例;
图片的排版类型有很多种,根据不同的场景和所需传递的主体信息来选择与之相符的展现方式。
5.空间
使用栅格系统,可以让界面的信息呈现更加美观、易读和规范,设计时可以采用「8像素」栅格规则来指导元素尺寸和间距的制定;
层次感、焦点、韵味、呼吸是留白的四个属性,留白的表现形式需结合品牌的属性来选择。
在任何领域,如果想要有所成就,都需要不断的持续学习提升,需要孜孜以求的探索,需要与时俱进,需要不断练习和实践。
以上就是小编讲的大致内容了,还有什么相关问题要问的,达内IT教育涵盖基本行业知识,安排的合理,专业师资,小班授课,费用低,学习快,400咨询热线24小时答疑。
尊重原创文章,转载请注明出处与链接:http://www.soxsok.com/wnews126431.html 违者必究! 以上就是关于“长沙UI设计线上培训”的全部内容了,想了解更多相关知识请持续关注本站。