UI设计发展到今天已经比较成熟，各种公司企业这个岗位也普遍被大家认可，可是这不代表现在的UI设计就是将来的UI设计。UI设计师该怎样T型发展呢，那么，接下来就讲一些视觉方面的经验及看法。

01、颜色

为了保持产品的整体品牌调性，我们将会使用一种主色调，两种或三种辅色，但一般选择两种辅色，选择同一色系或者邻近的色系，比如主色是蓝色，那么我们可以选择临近色系的浅蓝和深蓝做为辅色。再加上1-2种点睛色，用来高亮显示，提醒用户的作用，比如红色，橙色，黄色等对比色。

02、字体

经过研究及多方证实，最利于阅读的字号以及大部分人所觉得最舒适的字号大小是16px。那么，在同一个产品里，我们将用到除了顶部导航以外的3种字体大小，分别为正文16px，次要性文字14px，提示文字12px。对于10px文字小编建议尽量少的使用。字体的颜色也通常使用3个颜色便足以用于这个产品，深色，深灰色，以及浅色字体。

03、线条

线条所起的作用一个是分割内容，第二个是流引导，同样的内容，用横向线条或者竖向线条，用户的浏览路径将会发生变化，所以分割线在整个app里的所用也是不言而喻的，那么我们将分割线也可以定义1-2个层级的颜色，在移动端肉眼能识别即可，但注意不能太深，也不能太浅。

04、图标

图标能使整个app更生动，但是图标有时候单独存在又是个硬伤，对于一些抽象画的字段图标没办法更好的绘制出来的时候我们就需要进行图文结合来描述。图标使用的位置不同，大小也会不同，甚至风格也会迥异。

比如：微信底部标签栏的图标，和顶部导航栏的图标粗细不同，风格也不同。但是不是一个app里就有很多风格的图标，只要形成统一就行。一般图标能分为线性和色块两种，线性图标更轻盈，缺点是放大之后线条会变粗，且线性图标没有色块图标来的表意明确。色块图标更直观，且放大缩小不影响，可以用到iconfont里，图标将成为一种字体，比较大程度优化app的内存，缺点是信息较多时比较冗杂。

05、排版

排版对于一个页面来说是最最重要不过了，在交互稿上，交互已经大致区分出了信息的布局，这个时候我们视觉需要去进行“具像化”(或许前期交互就是你自己做的)。我们先将信息关联度大的内容整合在一起，再根据内容的重要程度，以用户的视觉流进行排布，当然这个只是正常的设计流程，凡事无绝对，要懂得变通。

再说一个小窍门，就是尽量保证信息元素之间的距离相等，除非为了区分两个信息，间距一致会使整个页面更美观，当然我们考虑做页面的时候不是能展示所有信息就是好设计，我们强调的是用户体验，那么用户不希望一眼看去都是信息，这个时候我们需要做一些留白的设计或者信息的层级显示。

免责声明：文章内容来源于网络，版权归原作者所有，如有侵权，请联系我们删除

通过14年达内不断地探索与尝试，达内与国内外知名企业建立人才推荐，人才定制培养、人才租赁与外包、代理校园招聘、IT猎头、企业内训等多样化的合作方式和一站式的服务体系，截止到2016年1月底，达内与全国7万家知名企业建立合作关系，每个月在达内全国中心有近600场的企业双选会，达内还会定期做专场招聘会，正是与企业的紧密合作关系，达内学员保持行业领先的学员就业率，2015年实现了93%以上的就业率。达内国际集团公益事业进行中，达内办学不忘承担社会责任，奉献爱心倾注公益事业，2008年四川汶川地震发生后，达内第一时间向灾区的学生发出援手,免费资助多名灾区学生参加高端IT培训,对于经济特别困难的学生达内还给发生活费;2011年11月14日达内与中国残疾人联合会携手启动第一期达内高端PHP软件工程师班。公益资助25名肢体残疾的学生学习达内高端PHP课程,学员毕业后基本就业, 其中视力有障碍的甄智博成功入职湖南大厦，获得3500元的月薪、双腿残疾的吴鑫4000入职中科创达;2012年5月10日达内再次携手中国残疾人联合会启动第二期达内高端测试班,公益资助30名学生;近些年,达内将公益事业融入到员工的文化,不断通过各种手段帮助家境贫寒的学生和农村学生; 2008年达内就曾经推出“暖冬工程”帮助近万名大学生实现理想就业，改变自己的命运。