来源:苏州天琥教育设计培训中心
时间:2022/8/14 16:07:11
天琥教育特别是对于未来想从事网页UI规划开发的学生开设了设计UI规划强化培训课程。本课程规划经验丰富,注重实战与理论相结合,有作品可供展示。协助学生把握DW+HTML+CSS+div的技能系统,能够独立进行网页端写。动开课随报随学,学员随时来校预定随时能够参加课程学习,是从业者进修和走向高薪的跳板!
天琥特色教学思维,培养学员5种能力
鉴赏能力:鉴别设计好坏,点评设计优劣
创想能力:站在设计巨人肩膀想创意,汇集众人智慧集思广益,避免闭门造车
文字能力:理解文案,能与工作团队更好地沟通协作,提高工作效率
执行能力:电脑操作设计,把控设计生产流程的能力
表达能力:设计前的沟通,设计中的合作,设计后的阐述,增强项目提案能力
面性图标的ui应该如何设计
一、面性图标
面性图标比线性图标更能表达出图标的力量感和重量感,比线性图标会更加容易吸引用户目光,在识别度上,面性图标更加依赖于外轮廓的清晰度,因此在设计时对于外形的打磨是重中之重,清晰的外轮廓可以帮助提高识别度。
二、面性图标的基础分析及想法
1、镂空对比
适当的镂空除了补充了图形的识别度外,还提升了面性图标的设计细节。另外,需要控制好镂空部分与整体的外形比例,过小或过大都可能影响图标的平衡感。
2、繁简对比
设计面性图标时,对于多余细节的管理也很重要。随着细节的增加,块面切割过多,会使得整体图标变得过于零碎,保持简约的设计提高图标的识别度,在关键的特征细节上做补充。
3、轮廓对比
轮廓的差异会体现出不同的气质,流畅的外形可以让面形图标的整体更加简洁、规整。
4、形体对比
形态上的差异也会具有不一样的视觉感知,单独形体与组合之后的形体相比视觉感知更直观些,而组合形的图标相对会精致一些,多了一些层次。ui设计的经验是:越小的图标形体应该越简单,因此建议单体出现较好;若图标的尺寸足够大时可采用组合型的设计,补充图标的细节。
三、面性图标类型拓展
1、微质感渐变
微弱的渐变提升了图标的质感,渐变的方向会影响整体图标的视觉效果,因此可以根据不同设计的需要进行调整。
2、单色面+点缀色
整体的外形使用统一的颜色,结合图标的属性感知使用不同的颜色进行点缀,通过点缀色提亮了图标的视觉效果,达到既统一又具有差异化的效果。
3、颜色叠加穿透
图标透明叠加之后产生了交错的负形,叠加出第三个面,虽然整体设计依然保持着扁平化,但却多了一份层次感,并且增加了图标的细节。
版权所有:搜学搜课(www.soxsok.com)