大数跨境
0
0

UI干货|界面该如何保持统一性?

UI干货|界面该如何保持统一性? 网信科技
2019-02-15
2
导读:作者:网信科技软件设计部——唐双


作者:网信科技软件设计部——唐双


前言概要:元素统一在版面中占据着举足轻重的作用,首先这里的元素可以指画面的色彩,形状,配图等。如果一个画面整体看起来有些突兀,很大的原因可能就是元素没有保持统一性

 

 

当我们发现页面突兀、不协调、不舒适,那么,要怎么去确保颜色、风格、形状的统一呢?下面我们看几个案例来分析一下:


Part 1

(原图1)


分析(原图1)


1、原图1主要是英语的简介和理念。这里用了一个大的配图,可以说这个配图在颜色上已经确定了画面的基调。

2、主标题的颜色比较突兀,与主体配图之间没有保持统一性。且主标题的这种表现形式过于呆板,跟项目本身不太符合。

3、字体人为的变形是非常不合理的。简介与理念的间距不太合理,需要将两者间距再扩大一些。

 

原图1优化:



先用色块立左边信息与右边配图的联系建

 

在配图色彩倾向上我们可以看出更多的是黄色和黄绿色,结合项目与受本身用黄色更加的合适,明丽、活波、阳光。



最终效果

 (版面中页眉的地方也做了调整,更加的规范与统一)


Part2

 (原图2)

 

 

1、这三个小朋友的图跟下面的大图比较脱节,而且倾斜的三角显然用在这里不恰当,品牌受众是1-6岁的儿童,表现形式上尽量用比较圆润的图形。

2、这一节段落文字用了描边的手法,大大影响了信息的阅读性。应该将这些没必要的描边去掉,让信息识别性放在首位。

3、画面中这张最大的配图背景过于杂乱,而且设计的过程中很容易被这个素材牵制,影响到整体画面的表现效果。

 

原图2优化:


 


矩形的小配图继续调整成圆形,与大圆相呼应,配图也重新放大裁切,选取最核心的部分,画面也更纯净。两个标题旁边的圆也与整个版面相呼应。

 

最终效果


蓝黄的对比活泼、明快,圆形的大小对比也是相得益彰,都很好的凸显了主题受众的特性。

IT综合服务

智慧旅游解决方案专家




【声明】内容源于网络
0
0
网信科技
苏州网信信息科技股份有限公司成立于2007年,公司总部设立在江苏省苏州市,目前拥有近百名员工。公司主要从事智慧城市规划设计与实施,包括智慧城市、数字企业、信息安全、信创服务、大数据、云计算、元宇宙等业务方向。
内容 403
粉丝 0
网信科技 苏州网信信息科技股份有限公司成立于2007年,公司总部设立在江苏省苏州市,目前拥有近百名员工。公司主要从事智慧城市规划设计与实施,包括智慧城市、数字企业、信息安全、信创服务、大数据、云计算、元宇宙等业务方向。
总阅读186
粉丝0
内容403