全国统一服务热线

400-035-8011

  • 1
  • 2
  • 3
  • 4
  • 5

UI界面设计实用技巧

前言

  在做UI界面的时候,很多时候我们需要去看很多的产品进行竞品分析、市场调研,不论是交互逻辑还是设计细节,非常占用设计师的时间成本,在这里我为大家分析和整理了常用的一些实战设计小技巧,帮助大家节省一些搜集资料的时间,希望帮助设计师们提高设计品质和效率!

   UI界面中实战版式技巧分析

  1. 版面中的空间关系元素

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

  2.内容过多处理方法

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

UI界面设计实用技巧

  3. 模块化分割方法

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

  4. 如何改变版面图版率与视觉空间比重

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

  5. 根据主题选择配图及配色方案

  我们在做设计时很多时候会去追求“灰”、“高逼格”亦或者是“独特性”,其实更重要的是要符合产品的调性和产品对象人群,不能一味的去追求自我的“设计追求”,比如下面的2个案例就很好的表达出了产品的调性,明确的告诉用户我是做什么产品的,为什么样的人群去服务的

  6. 画面焦点

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

尊重原创文章,转载请注明出处与链接:http://www.mxiao.cn/1158/new/147324/违者必究! 以上就是南京天琥设计培训学校 小编为您整理UI界面设计实用技巧的全部内容。

推荐课程 / RECOMMENDED COURSE

  • 室内设计进修班

  • 平面设计全科班

  • UI设计精品班

  • 网页设计

  • 查看更多>>

定制专属于你的课程

10秒登记,定制专属于你的课程方案

填写下表,让专业老师根据你的性格爱好选择最适合你的。

版权所有:南京天琥设计培训学校

温馨提示:提交留言后老师会第一时间与您联系!热线电话:400-035-8011