UI
生鲜电商APP开发
这个作者很懒,什么都没留下…
展开
-
UI基本准则03
11、主副文案的层级性ui设计中有主副文案的模块很多,重点是要做好主副文案的层级区分,强化主文案,弱化副文案。通常主文案字号要比副文案大6px以上,字体粗细和颜色也要有所区分,确保用户阅读主文案时不会被副文案干扰,从而提高产品对用户的体验。12、合理的图文顺序不同的图文顺序对用户体验的影响也是很大的,需要根据用户的阅读习惯来确定合理的顺序。此示例为新闻类界面,对于新闻资讯,文字信息的层级通常是要高于图片的,所有需要将文字至于左边。13、文字颜色的对比信息的类...原创 2020-06-24 08:33:43 · 85 阅读 · 0 评论 -
UI基本准则02
6、使用与业务属性相关的颜色大多数的业务都有玉器属性相对应的颜色,使用正确的颜色能帮助用户降低理解成本,同时这也是设计师对不同业务作出颜色区分的理论依据。7、信息对齐对齐的本质是使得界面信息统一且有条理,其目的是提到信息的易读性。不只是文案信息,ui设计中所有的元素都需要对齐。(《版式设计排版方式教程-对齐技巧》)8、头像的选择选择头像时要保证整体的统一性,注意头像的比例大小以及头像背景,虽然头像只是一个很小的细节,但却能让你的界面大大的加分,同时也能让别人...原创 2020-06-23 08:33:17 · 103 阅读 · 0 评论 -
UI基本准则01
1、用色,要让觉得舒服App设计中经常会使用到卡片,卡片颜色的使用会直接影响到用户的视觉感受,因此需要确保用色对用户而言是舒适的,上图左侧案例卡片的饱和度和名都明显过稿,这可以当下热门的app应用中得到参考答案,例如微信、支付宝等,他们在银行卡设置这一块用色几乎出奇一致。2、字体采用特殊字体使用特殊字体可以和其他内容格式上形成区分,从而达到突出的目的,选择一个好的字体还可以提升视觉的品质,上图右侧案例的利率分别使用了英文字体DIN和DIN 1451 Mittelshrift Alt,这两原创 2020-06-22 09:03:05 · 122 阅读 · 0 评论 -
设计必备的配色工具04
31. Sip适用于Mac的Sip Color Picker。帮助收集整理并且与团队分享颜色的工具。32. CoolHue 2.0获得免费的渐变颜色sketch插件33. Color Koala一款快速调色板生成器34. SchemeColor下载,创建和分享数以千计的色彩组合。获取有关十六进制颜色代码的详细信息,并将其转换为RGB和CMYK等效代码。35. Free Mesh Gradient Collection免费的100多个渐变色合集,有sk.原创 2020-06-19 08:48:02 · 150 阅读 · 0 评论 -
设计必备的配色工具03
21. Instant Duotone Effect Generator快速创建duotone效果的照片。22. Color Tool — Material Design为UI创建和共享调色板,并可测量任何颜色组合的可访问性。23. BlendyBlendy是一个快速预览CSS背景混合模式图片的工具。24. LOL Colors调色板灵感25. Color HuntColor Hunt是一个免费开放的色彩灵感平台,拥有数千种时尚的调...原创 2020-06-18 08:57:11 · 140 阅读 · 0 评论 -
设计必备的配色工具02
11. Colors & FontsColors&Fonts是一个为开发人员和数字设计师提供色彩渐变、调色板和字体配对灵感的极具策划性的集合网站12. HueSnap拖拽一个你喜欢的图片,获取颜色信息,创建你的调色板,并可以和他人共享。13. CulrsCulrs,一个特别简单智能的调色板14. Eva Design System使用深度学习算法生成的彩色调色板,给你的产品生成一个系统级色彩体系15. Scale帮你生成一个比色刻...原创 2020-06-17 08:37:51 · 168 阅读 · 0 评论 -
设计必备的配色工具01
1. Muzli Colors利用这个工具,选择一个你想要配的主色,可以迅速生成多种配色方案,而且你可以编辑修改调色板的颜色,更重要的是,还有ui kit 示例,支持一键下载ui kit!2.Colorable颜色对比测试器。3.Color Leap — History’s Palettes跨越时间,看看历史的色彩。可以在线搜索过去4000年历史用过的180种调色板。4.PicularPicular 是一个基于谷歌搜索的快速原色生成器5.colourcode原创 2020-06-16 08:55:04 · 258 阅读 · 0 评论 -
掌握这些UI排版无难题
1.视觉焦点视觉焦点就是在界面中占主导地位的视觉元素,第一时间进入你眼睛,在整个设计中不能强调所有设计元素;需要确保关键元素用户的操作目标是清晰的。2.层次结构确保在几秒钟内,用户就能明确知道关键要点和页面元素之间的关系,并且顺利快速的完成当前任务。建立视觉层次结构可以通过大小,对比,颜色,肌理,留白,空间等可感知的视觉元素;好的设计它的视觉层次结构分明且符合用户阅读习惯3.视觉重量如何去衡量视觉重量,影响视觉重量的因素有大小、对比、颜色、留白、形状、位置等等,那么在一个界面中如原创 2020-06-14 08:47:57 · 101 阅读 · 0 评论 -
子弹短信APP用户体验及界面设计浅析02
子弹短信APP子弹短信,是由北京快如科技研发、锤子科技投资的一款即时通讯App,其最大的亮点是高效沟通。它不仅支持语音输入、文本输入,同时还支持“语音输入、文字输出”。它的成就1、上线10天,注册用户突破400万,连续几天霸居下载排行榜首位2、上线7天,融资1.5亿1:主对话界面从标注出来的对话页界面各元素设计规范来看,虽然各元素尺寸都遵循偶数、4px、8px的倍率进行了尺寸规范,但是界面中控件元素及文字的设计规范尺寸比常规的APP整体偏小了2px左右,比较明显的有顶部的..原创 2020-06-10 08:39:04 · 159 阅读 · 0 评论 -
子弹短信APP用户体验及界面设计浅析01
子弹短信APP子弹短信,是由北京快如科技研发、锤子科技投资的一款即时通讯App,其最大的亮点是高效沟通。它不仅支持语音输入、文本输入,同时还支持“语音输入、文字输出”。它的成就1、上线10天,注册用户突破400万,连续几天霸居下载排行榜首位2、上线7天,融资1.5亿1:启动、引导页子弹短信APP在启动时只有启动页,没有引导页,启动页就是一个简单的浅色灰白渐变+启动图标组成,几乎没有设计成分,既没有Slogan,也没有版权声明信息,从启动页和引导页的功能层面来说,应该是需要起到品牌形象原创 2020-06-09 09:46:36 · 178 阅读 · 0 评论