视频1 视频21 视频41 视频61 视频文章1 视频文章21 视频文章41 视频文章61 推荐1 推荐3 推荐5 推荐7 推荐9 推荐11 推荐13 推荐15 推荐17 推荐19 推荐21 推荐23 推荐25 推荐27 推荐29 推荐31 推荐33 推荐35 推荐37 推荐39 推荐41 推荐43 推荐45 推荐47 推荐49 关键词1 关键词101 关键词201 关键词301 关键词401 关键词501 关键词601 关键词701 关键词801 关键词901 关键词1001 关键词1101 关键词1201 关键词1301 关键词1401 关键词1501 关键词1601 关键词1701 关键词1801 关键词1901 视频扩展1 视频扩展6 视频扩展11 视频扩展16 文章1 文章201 文章401 文章601 文章801 文章1001 资讯1 资讯501 资讯1001 资讯1501 标签1 标签501 标签1001 关键词1 关键词501 关键词1001 关键词1501 专题2001
UI界面设计的技巧有什么
2021-11-16 10:20:25 责编:小采
文档


  界面设计(即UI设计)是人与机器之间传递和交换信息的媒介,FaceUI称包括硬件界面和软件界面,是计算机科学与心理学、设计艺术学、认知科学和人机工程学的交叉研究领域。近年来,随着信息技术与计算机技术的迅速发展,网络技术的突飞猛进,人机界面设计和开发已成为国际计算机界和设计界最为活跃的研究方向。那UI界面设计有什么小技巧呢?
  
  一、购物车注意要点
  
  1、在设计购物车时,首先一定要注意元素层级的区分,重要的东西要给予醒目,建议大家不要把名称数量与价格放在一个层级上,一件物品的价格一定要是最醒目的。然后才是名称,件数。

  2、在购物车中,产品辅助描述能减就减(不包括如鞋子码数等必要信息),如果这件商品可以在标题里就体验特性,那其余的辅助文字就不要带,这样既可专注的在一个地方突出产品,又可以使页面清爽干净。
  
  3、购物车中请切记不要有“猜你喜欢”“其他人还买了”等诸如此类的模块。这在视觉上会产生分散引导,使付款过程延长,时间变慢。页面要有专一度,负责引导客户结账的页面,请务必保证只让他想到付款这一件事。
  
  二、如何使界面显得更大气
  
  1、多一些留白。现在的设计趋势在简约的道路上越奔越远,留白会使页面的呼吸感很足。
  
  2、默认显示的页面上藏起并不是十分重要的元素,如第一张的粉丝,关注,余额,我们假设在这个APP上这些元素不是主要的,那么可以藏起来,隐到第二页,有效减少界面上的视觉杂点。
  
  3、减少分隔线或灰色的分隔面。用排版来引导层次,效果更棒哦。如果你更倾向于使用常规的分隔方式,那一定要记住,线条的颜色要浅,灰度可以偏蓝。有些幽兰的灰色会比较高冷。
  
  4、 在规范要求不那么古板的产品中,可以尝试一些排版上的小突破,不需要太多,一点点创意就能让你的作品有些与众不同,有些小新奇。但一定要记得想想会不会让程序猿们做不出哦。
  
  三、 更细致的用户体验
  
  新人们在设计界面的时候,往往在用户体验上考虑的不是那么周到。但希望大家能在设计的过程中养成钻研体验的习惯,这样才能做出越来越6的产品,UI设计师,可不仅仅是美化界面。当然在一开始是没有这么深入的意识,那么可以从最简单的几点做起。
  
  1、首先是一些小弹窗。简单的弹窗可以单手操作,而我们在单手操作手机的时候,往往是大拇指负责按键,而它的长度就限定了活动范围处在屏幕的下半截。这时候将取消按钮做在下面是非常友善的,用户完全不需要另一只手的协助即可轻而易举的完成关闭动作。则必须要伸出另一只手。还有最方便的一种是点击屏幕取消。
  
  2、 请不要在用户使用QQ或微信直接登录后,又出现让客户注册APP账户的操作行为。现在市面上有许多的产品,在登录页面链接了QQ、微信或者微博登录,但很诡异的是,用户使用以上账号登录后,还需要注册本产品的账号或要强制关联手机方可以进行使用。这让人有种被欺骗的感受,甚至会产生烦躁,从而弃用产品。注册的用户都是想先进去体验一把,若他觉得想用你的产品进行更深层的操作,他会很乐意去完善资料的,而不是一开始被强制要求。注册这种事,要么只能注册本产品的账号密码,要么确实可以只用第三方登录。若你被要求一定要让两者整合起来,请务必给个“跳过”的按钮,让人有选择的余地。
  
  四、文字与图片的排版怎样才能bigger满满
  
 勤换行,可以提升设计感。换句话说就不要那么规规矩矩两端对齐。我找了下面几张图,都是文字排版区域,虽然是英文,但换成中文后效果也并不会减半哦。我自己的项目中也经常会用到这个方法进行一些文字区域的排版,效果一直都很好。
  
  

下载本文
显示全文
专题