网页资讯视频图片知道文库贴吧地图采购
进入贴吧全吧搜索

 
 
 
日一二三四五六
       
       
       
       
       
       

签到排名:今日本吧第个签到,

本吧因你更精彩,明天继续来努力!

本吧签到人数:0

一键签到
成为超级会员,使用一键签到
一键签到
本月漏签0次!
0
成为超级会员,赠送8张补签卡
如何使用?
点击日历上漏签日期,即可进行补签。
连续签到:天  累计签到:天
0
超级会员单次开通12个月以上,赠送连续签到卡3张
使用连续签到卡
06月16日漏签0天
天津高盛学院吧 关注:999贴子:5,239
  • 看贴

  • 图片

  • 吧主推荐

  • 视频

  • 游戏

  • 1回复贴,共1页
<<返回天津高盛学院吧
>0< 加载中...

提升你的UI设计的几个小细节

  • 只看楼主
  • 收藏

  • 回复
  • Lemonta77
  • 核心吧友
    7
该楼层疑似违规已被系统折叠 隐藏此楼查看此楼
细节是一种能影响全局的细微的易被忽略的物件或行为。有时候我们会感觉自己设计的页面没有亮点,其实拉开设计水平差距的,就在于设计之中一些微妙的细节,尤其移动端的界面设计,设计的区域就在几寸大手机屏幕之中,设计师所在做的大部分工作就是如何让复杂的信息在几寸大屏幕内更有秩序有层次的展现,并且提升用户的体验。
那么到底如何提升细节设计的能力呢?除了设计时的用心和全方位思考之外,了解页面中每一个控件所表达的意义,也是非常重要的一环。今天优赞为大家总结了几个在设计过程中非常有用的几个小细节,希望对大家有所帮助。
1、尖角与圆角
圆角更具亲和力,尖角产生距离感
其实界面设计中很少会出现绝对的尖角,因为产品总是要让用户用的舒适,锋利的按钮或者锋利的卡片会让用户感觉非常的“不友好”从而产生距离感。而适当的圆角可以消除这种紧张的体验,当然圆角越大,便更具亲和力。然而其中也是要根据产品的属性最终确定圆角的大小,例如针对母婴类的产品圆角就会做的非常大,而工具类产品只需有一点圆角就够了,过大的圆角反而显得过于复杂了。这里需要注意的一个点就是一一个产品中,圆角的大小是要统一的,如果界面中的信息卡片选择8px的圆角,那么不论是卡片还是按钮最好都选择8px的规范,减少不必要的对比。 例如下图母婴类产品,几乎整个产品没有尖角的出现,全部都是较大的圆角,迎合产品性格的需要


  • Lemonta77
  • 核心吧友
    7
该楼层疑似违规已被系统折叠 隐藏此楼查看此楼
尖角更具权威感,圆角缺乏稳重感
当然每一个元素都没有绝对的好或者不好,例如尖角虽然在一定程度上让用户产生距离感,而这种距离感可以让某些特殊的产品更具权威感或者档次感。例如苹果的官方网站中出现的卡片基本全部是尖角,这就是为了营造一种高端的品质感受,给用户一种“不可触摸”的权威感, 让用户感觉产品更值得信赖,更符合Apple的产 品调性。而圆角具有了亲和力的同时失去了一些稳重感,尤其较大的圆角会让产品很难有“高大上”的视觉和心理感受,这也就需要设计师根据不同的场景需求选择不同的元素展现方式。例如下图:国外的一款针对高端用户的电商产品,尖角的使用让整体页面变得“高冷尊贵”。


登录百度账号

扫二维码下载贴吧客户端

下载贴吧APP
看高清直播、视频!
  • 贴吧页面意见反馈
  • 违规贴吧举报反馈通道
  • 贴吧违规信息处理公示
  • 1回复贴,共1页
<<返回天津高盛学院吧
分享到:
©2025 Baidu贴吧协议|隐私政策|吧主制度|意见反馈|网络谣言警示