http://www.xici.net/d246212382.htm 1 560 2018-03-06 10:02:57
花嫁 家装 汽车 亲子 房产 财富 活动 鲜行 旅游 摄影 招聘
胡同口 > 院校 > 西安大学生活 > 蓝鸥西安UI培训机构优秀的版式设计

蓝鸥西安UI培训机构优秀的版式设计

西安蓝鸥ios培训 发表于:18-03-06 10:02

优秀的版式设计需要在方方面面都处理得不错,最常说的有视觉流程清晰、对比鲜明、平衡、变化、统一等等,不过这些都是一些比较抽象的概念,需要长时间的练习和消化,方能领略个大概。而葱爷今天给大家分享的几个小技巧,连我奶奶都能学会,它们虽然不能让“奄奄一息”的版式起死回生,但治疗“感冒发烧”效果还是杠杠的。

为了突出某些信息,我们喜欢给它们添加矩形的线框,但实践证明,如果抛开其他因素不考虑,圆角线框会比直接线框更招人喜欢,因为圆角不会有直角的尖锐感。

▲相比直线直角,人们更青睐曲线圆角。

小标题或者点都是版面中比较重要的信息,所以当然要设计得吸引人一点,比如给它们增加一个Icon就是不错的解决办法。至于Icon的设计方法主要有两个方向:

1.如果文字信息是具象的,则直接提炼相对应的元素来作为Icon就好,比如文字信息是手机就用手机图形来表示;

2.如果是比较抽象的内容,则可以根据其中的关键词找到与其意义相近的图形来做Icon,例如文字信息是想表达速度快,则可以用闪电符号来表示。

▲纯文字的版面略显单调,且信息不够直观。

▲加入Icon的版面视觉更丰富,有没有感觉这些Icon正在招呼我们看这里,看这里。

如果需要在图片上排文字,但图片的色调又偏向中性,这时的文字无论用什么颜色都很难清晰,于是很多人会用给文字加描边或投影,这么做确实可以解决问题,但是如果文字较多,效果就会有点粗糙不够美观。所以我建议用加色块的方式,不过,为了减少对画面的破坏,色块最好要降低一点透明度。

▲未经处理的文字在图片上很难识别,描边后的效果很不精致且让人眼花。

▲加入半透明的色块后,文字信息不仅变得清晰可见,还增加了版面的设计感。

当一个版面中的信息比较少且不适合搭配图片时,客户通常会要求我们把仅有的信息拉大到填满整个版面,不过这并不是一个好的处理方式,因为这么做既不美观且会影响到阅读的舒适感。更可取的处理方式是,把版心缩小,使主要信息集中于画面中央,增大留白。


蓝鸥科技西安中心,移动互联网科技育人专家,教育部产学合作协同育人项目承办企业,专注西安Java培训、西安大数据培训、西安unity培训,西安VR/AR培训、西安UI设计,西安HTML5培训、西安PHP培训,选择蓝鸥,不止高薪更是高起点!