上海 [切换城市]

上海站

上海浦东川沙上元教你UI设计的规范

更新时间:2019/8/15 10:03:32信息编号:2056-515734
所属分类:
教育培训 其他培训 
所在区域:
上海 浦东
详细地址:
上海市浦东新区川沙新镇绿地广场A座1606-1607
联 系 人:
白老师
电  话:
13472797974
收录查询: 百度 搜狗 360   分享更易传播
小生活网提醒您:1、在办理服务前请确认对方资质, 夸大的宣传和承诺不要轻信!2.任何要求预付定金、汇款至个人银行账户等方式均存在风险,谨防上当受骗!
详细介绍

没有规矩,不成方圆小 百 姓 网。UI设计也不例外,具有设计规范,系统建议的规范可以让我们设计具有统一性,界面视觉更美观。


想要高效顺畅地完成设计任务,就必须遵守UI设计的规范。


今天带来的这些规范,可是成为优秀UI设计师必须知道的"纯干货",还能让大家深刻了解UI设计规范的本质是什么小百姓网www.xbaixing.com


图标规范


很多设计师以为UI设计就是设计图标。虽然事实并非如此,但图标的设计在整个UI设计中是比较基础的一个环节。


图标与品牌标志一样,在设计时都需要做适当的减法,应该尽量用简约的线条去表达其含义,应该尽量避免出现线条结构过于复杂的设计www.xbaixing.com


而且整体的图标都需要保持风格一致,例如图标的线条粗细、边角弧度、图标高度宽度比例、风格等等。


特别是对于新人,所以大家一起来看看图标设计的规范吧:


1

像素对齐

需要严格的做到像素对齐,尤其是在做较小尺寸的图标时,如果不严格的遵循像素对齐,那最终的显示效果就会出现问题。

 

2

多用布尔运算

在做图标的时候,能用基本图形进行布尔运算的时候,尽量不要使用钢笔,这样做的好处有如下几点:


o 让你的图标更加规范

o 对图形结构理解更加深刻

o 后期更改形状更加方便


3

独特的风格

在做系列图标的时候,一定要在前期给图标设定一个风格及原则,使之看起来与众不同小~百~姓~网


在这里值得一提就是,我们在做线性图标时,一定要保证描边粗细相同、圆角相同,如果这些基础的规则都没有遵循,那也就谈不上风格的统一、创新了。

4

视觉大小统一

在进行图标设计的时候,我们会使用栅格辅助线来帮助我们更加严格谨慎,但一定不要被辅助线困住,学会灵活运用,保持视觉上的大小统一。


在如今的APP设计环境当中,一些APP设计大牛都一直强调,设计师要为有品牌意识欢迎www.xbaixing.com


那么,在图标的设计中,我们也必须强调"品牌性",简单的说就是把品牌中的抽象的概念变成具象化的图形,把品牌主副色调应用到图标设计中。


同时建议大家每个星期完成一个主题的作品,提升自己的平面设计能力。

 

标注规范



如何把标注的思路整理清晰--结构化思维进行拆解,将大问题拆解成小问题,逐一击破!


标注主要是以下四种不同属性的内容:尺寸、文字、间距、颜色x_b_a_i_x_i_n_g_c_o_m

在进行标注时,首先去除导航栏和标签栏,因为这些控件通用性非常强,需要单独拿出来进行统一标注,这里我们只对内容区来进行标注示例。



 


温馨提示:上海浦东川沙上元教你UI设计的规范”由用户自行发布,信息内容的真实性、准确性和合法性由发布人负责。虽然部分网友认证了账号,但是并不代表没有风险。小生活网不提供任何保证不参与交易,亦不承担任何法律责任。
上海其他培训全部地区
浦东其他培训闵行其他培训徐汇其他培训长宁其他培训普陀其他培训静安其他培训卢湾其他培训黄浦其他培训闸北其他培训虹口其他培训杨浦其他培训宝山其他培训嘉定其他培训青浦其他培训松江其他培训金山其他培训奉贤其他培训南汇其他培训崇明其他培训上海周边其他培训
上海其他培训热门城市
北京其他培训上海其他培训深圳其他培训广州其他培训成都其他培训天津其他培训苏州其他培训杭州其他培训武汉其他培训郑州其他培训南京其他培训济南其他培训青岛其他培训重庆其他培训西安其他培训宁波其他培训石家庄其他培训沈阳其他培训厦门其他培训长沙其他培训
上海其他培训周边服务
上海职业培训上海婴幼儿教育上海企业管理/MBA上海其他培训上海中小学教育上海移民上海电脑培训上海设计培训上海家教上海留学上海学历教育上海外语培训上海文体培训
全国其他培训最新信息
佛山CNC编程培训、三四五轴加工中心培训、数控车床培训包学会佛山普通车床、数控车床、车铣复合、电脑锣编程操作培训佛山UG模具设计、PM数控编程、MSk数控编程、UG数控编程培训。高薪蓝海!彩虹医疗维修工程师培训招募中考装载机铲车证南海哪里报名漳州永学办公软件培训,Excel电子表格培训顺德复审叉车证哪里便宜防洪渠星源电脑培训学校暑假班火爆招生随到随学人手一机专业老师受课学会为止防洪渠华森大厦星源电脑培训学校平面设计专业培训空调开放咸阳华森大厦星源电脑培训学校室内设计专业软件培训3damx培训空调开放