• 内页banner
  • ui1
  • 内页3
技术专栏您当前所在位置: 首页 > 技术专栏

郑州UI设计培训:什么,因为外卖界面不好看,你要减肥?

更新时间:2018-11-30 09:00:00点击次数:124次字号:T|T

寒冷的冬天就这样悄无声息地到来了,只有颤抖的嘴唇在提醒你,该加衣服了;只有空虚的肚子在提醒你,该进食了,什么你要减肥,是火锅不好吃,胡辣汤不好喝吗?


郑州UI设计培训


“为你我受冷风吹,寂寞时候掉眼泪”,是的,为了不受冷风吹,我决定今天就点外卖了,打开外卖APP,这道黄焖鸡色泽不够鲜艳,这道酸菜鱼一看就很假,这些火锅配菜一看就没食欲,怎么办,想选一道看起来色泽味俱佳的菜怎们就这么难呢?


有多少人是因为界面图片的原因而放弃了点外卖?这些外卖卖家有想过,会有一天因为界面问题而损失大量客户吗?亡羊补牢,UI设计师施展魅力的时候到了,丰泽郑州UI设计培训小编为大家演示一下:


1、间距优先用 cell


当定义文字间距时,如果直接用文字本身来定义文字距离其他元素的间距, 很容易出现偏差,因为不同的软件、不同字体的行高都是不一样的。


郑州UI设计培训


其次当文字和图标组合出现的时候,如果以元素本身来定义上下的间距的话,间距会因为元素本身大小的不同而不一样,如此一来间距就没有一个定值,没有定值的话就意味着同一个模块,间距有好几种,标注起来也麻烦而且容易出错。


其实有一个最简单的方法,就是用 cell 的形式,定一个固定的高度,内部的元素都在内部居中对齐。这样就不需要考虑文字和 icon 的高度不一样的情况了。


2、增加修饰元素


增加修饰元素就是给页面增加细节,恰到好处的细节能让人觉得设计者是花费了心思在里面的,而不是随意排放。


3、卡片


卡片作为一种包容性的“容器”,它能将不同的信息很好的集合在一起,而且卡片一般占地面积比较大,如果简简单单的一个背景,很容易造成页面很空,没有细节。所以就需要给它添加一点恰如其分的小细节。


4、轮播点


只要能够满足产品功能需求,不破坏用户的使用习惯,纯视觉上的修改小编觉得都可以尝试。先发散思维、放飞自我,然后再去考虑落地时的情况。


就拿轮播点来说,它的主要作用是提示用户当前选中的是第几张图,一共有几张图,只要能满足这一点就好。


郑州UI设计培训


好了,点到为止,想让自己APP界面更加受欢迎,想了解更多UI设计内容,丰泽郑州UI设计培训欢迎你随时交流!


最后说一句,大冬天的就不要减肥了,厚厚的脂肪才能御冷!