成都H5设计
成都H5设计
成都H5设计
成都H5设计
成都H5设计
扫一扫
成都H5设计
成都H5设计

回到顶部

UI版面设计八大技巧

UI版面设计 2020年09月28日

我们在设计UI版面的时候,通常会进行很多个步骤,什么市场分析、竞品调研、交互逻辑分析、设计细节这些,非常消耗时间,所以小编特地总结了一下我们UI版面设计的技巧,来让设计工作变得更加快捷。

1、空间结构搭建

在界面版式设计中,可以运用平面设计中的结构思考方法去理解UI界面中的空间元素结构的分布对应,下面以新闻类客户端为例进行页面元素分析。

新闻UI版面设计 

2、元素排版

为了让阅读更有效,可以采用不同标题规格、不同编排比例或不同色底进行层次上的划分。

3、模块分割

线条分割和空间分割的区别,分割线给人一种压迫感,而空间的分割给人更加轻松的阅读感受。

4、平衡视觉空间比重

我们来看下qq音乐会员中心页面的设计,不同的等级对应不同的颜色card,运用颜色填充背景吸引用户增加界面专属比重,起到账户切换视觉的引导作用,是一个很好的设计思路。

QQ音乐版面设计

5、配色搭配

我们在做设计时很多时候会去追求“高级灰”、“高逼格”亦或者是“独特性”,其实更重要的是要符合产品的调性和产品对象人群,不能一味的去追求自我的“设计追求”。

6、元素焦点

表示在画面中相对更加突出的内容,让用户在浏览产品时能够第一视觉捕捉用户的眼球;焦点是相对的,在大页面中可以是焦点,在小模块中也可以是焦点。

7、界面整体平衡

平衡是版面元素上下左右比例都比较适中,给人一种稳定和平衡的视觉感受。平衡的版式设计可以让画面稳定不会产生上下比重失衡的现象,平衡的比例构图令人愉悦,而不平衡的设计会造成不稳定的分散注意力。视觉平衡是指在设计中的负元素和正元素比例相对合适,设计师的作用就是发挥元素的视觉重量的构图平衡。

 8、节奏感设计

节奏感的设计表现形式有很多种,比较常用的是在统一的样式节奏中穿插不同的模块来使得页面的节奏感更加的跳跃和灵活,比如Medium、网易云音乐的版式设计中都运用了节奏感的设计方法。

UI版面设计

以上就是小编总结的UI版面设计技巧,希望能够帮助大家提升设计水平,如果大家不是专业的UI设计师,但又想做UI设计的,可以咨询网站客服,提供专业设计服务。


更多服务:H5开发|表情包设计|广东H5游戏开发|题库小程序|小程序定制|官网设计|H5开发公司|H5案例欣赏|微信会员系统|PPT设计
成都设计公司

ui设计资讯

NEWS

让您了解更多关于ui设计信息

海报设计|裂变营销的形式和方法

现在做营销,有一个词汇是比较流行的——裂变营销,这种营销方式其实指的就是终端市场的裂变,其核心内容就是:市场开始不要全面摊开,急速发展,而要精耕细作,全力以赴进行单点突破。

2021年02月26日

朋友圈宣传海报设计如何吸引用户

我们时常见到的朋友圈宣传海报,总是脱离不了海报的性质,总是为了宣传而宣传,不能够把最直观的内容传递到用户那里,而且在设计上,总是会有一些瑕疵,导致吸引用户的效果也大大降低。

2021年02月25日

产品图标设计的方法和绘制技巧

现在是一个看脸的时代,不论是您的人,还是您的产品,都需要高颜值,这样人们在您身上(产品上)的关注度才会更高,就拿产品图标设计来讲,一个好的产品图标设计能够吸引更多用户的关注,

2021年02月24日

常见的海报设计九大类型汇总

海报,对于商家而言,主要是用于产品宣传推广,它最突出的特点就是吸引用户群体的注意,从而进一步了解产品特征。而针对不同的行业,海报设计的类型也会有所不同,

2021年02月23日

产品图标设计的规范和尺寸

企业在进行产品图标设计的时候,往往不知道产品图标设计的规范和尺寸。为了让大家对此有更深入地了解,下面我将会为大家介绍产品图标设计的规范和尺寸。

2021年02月22日

商业产品界面图标设计的方法

图标作为商业型产品界面的一个重要组成部分,是整个产品的视觉符号。图标设计是体现专业水平的重要方面,一个好的图标设计能够为产品带来更佳地视觉效果,但由于很多人缺乏这方面的技术。

2021年02月22日

常见的banner设计风格汇总

现在的banner设计可以说是设计中比较重要的一环了,但banner设计毕竟不是一个大项目,因此留给设计师设计的时间并不是很多,所以我们就需要在效率上有所提高,而除了效率,其设计风格也是非常重要的。

2021年02月21日

新年电影海报设计要如何吸引用户

马上就是新年了,在新年里,有几部即将上映的电影,比如《你好,李焕英》、《刺杀小说家》等都会在春节期间上映,这对于很多喜欢看电影的用户而言,无疑是一个令人欣喜的消息,而在此期间,如果商家要为这些新年电

2021年02月08日

商业图标设计如何为商家获客引流

现在的商业图标对于商家而言有着重要的品牌宣传作用,因此商业图标设计的好坏将会直接影响商家品牌在大众心里的第一印象。而作为商家,又该如何利用商业图标设计来为自己的品牌获客引流呢?

2021年02月08日