设计

想让网页可读性更强?你得善用 F 式布局

虽然网页排版方式千变万化,但是布局方式通常都遵循着几种常见的规则。在诸多布局方式当中,F式布局是可用性较强,且适用范围较广的一种。今天的文章同你来探讨F式布局在网页中的运用。F式布局的设计基础是用户扫视内容的时候,实现的运动轨迹和字母F相似,而布局匹配这种这种阅读方式可以让用户更快(Fast)地获取信息,因此得名为F式布局。F式布局从何而来?F式布局源于NNGroup的一项

进阶高级设计师!帮你做能落地的界面设计之输入框

@菜心设计铺:很多新人朋友由于工作经验少,常常会心理没底,因为对一些工作上的设计细节并不了解,不过没关系,以后菜心会多分享一些关于工作上的细节经验,希望对大家有所帮助。我们常常会看到网上有很多同学做一些概念稿:△ Dribbble 优秀作品这些界面视觉上非常酷炫。当然,我从来都不否定概念稿的作用与价值,它可以为我们提供配色、形式、创意等等,但是我今天要补充的是这些概念稿没

这 7 个秘诀,能帮你做出体验极佳的网页表单

表单是网页设计中最常见的元素,几乎每个网站都会包含一种甚至几种不同类型的表单。从简单的电子邮件搜集和订阅,到注册、下单、购买,表单一直伴随着网页而存在。所以,设计出好看易用的表单是非常有必要的。也正是因为表单一直伴随这网页存在,在过去的20多年间,表单的设计规范和标准也一直在逐步发展。虽然许多网页中的表单涵盖了大量的信息也数量可观的栏目,但是绝大多数的优秀设计和最佳实践都是

常用中后台交互设计控件使用场景与规范总结

最近刚完成安畅云平台 2.0 的改版设计,平台模块很多,但其中往往存在很多类似的页面和组件,导致了很多重复的工作,大大降低了产品的设计效率;同时,由于团队人员较多,没有统一的规范,平台的一致性得不到保障。所以,我们视觉、交互、前端的小伙伴们针对我们踩过的坑,大家认真总结和沉淀出一个符合公司的设计规范。旨在统一公司项目的前端 UI 设计,规避不必要的设计差异和实现成本,实现设

从 1.2 亿次的点击中,苹果学到了这个提高用户体验的方法

编者按:从iOS 9改版到iOS 10之后,锁屏页面的音乐控件变大了,用户体验明显提高。那么最佳的按钮触摸大小应该是多少?经过1.2亿次的实验后,这个结果被微软/苹果等顶级公司采用,强烈推荐学习。@平行煎餅 :你可能说不出来,但你肯定知道这种感觉——当你触摸手机应用界面而它不能正常工作时候,当你感觉你只有精细的点击,才能出发正确的命令时,那种混合起来的沮丧和失败感。但是,如

实战经验!聊聊移动电商购物车的功能设计

最近在做一个购物车优化的项目,来和大家聊聊设计移动电商购物车的一些心得。购物车做为移动电商平台的主要功能之一,其重要性不言而喻。购物车其实一开始来源于我们线下购买的场景,例如超市、商场、便利店等,它能够帮助人们提高购物效率以及提高客单价。随着互联网电商行业的发展扩大,sku的规模也逐渐庞大,这时候在技术、物流、支付、等功能的逐渐完善下,购物车的使用场景以及频率也变的很高。购

设计的系统化思考及实战案例分析

设计师不止是接需求的,可以有更多的潜能与价值被释放出来,为项目质量与能力提升带来双赢的结果,杰出的设计师能够更好的连接不同岗位的角色,高效高质量地达成协作目标。

如何让扁平化设计更出彩?

扁平化设计技巧总结扁平化设计是很多人都想追求的一个结果,那么今天就来谈一谈怎么让扁平化设计更加出彩:1、长投影。我们所谈论的设计应当是扁平的,但阴影能产生纵深感,虽然这似乎有点违反直觉。但这些细微元素能为设计增添一丝情调,又不至于太引人注目。实际上,他们仍然可以算作留白的一部分,虽然他们从技术上说确实是一种视觉元素。毕竟,没有光哪来阴影?更重要的是,长投影为画面增加了一种反

讲究!UI 界面中的文案设计有哪些注意事项?

在UI设计中,文字内容的表述也是需要设计师精心推敲,仔细设计的部分。清晰、准确、简洁的文案设计能够让界面拥有更好的可用性,同用户建立信任。文案设计上的技巧很多,应当规避的误区也不少,今天为你总结16个常见的UI文案设计的误区,帮助大家少走弯路。1、尽量避免使用俗语和术语未知的术语和俗语将会增加用户的认知负荷,所以应当尽量避免使用这类用户无法识别的词汇,使用常用和易于理解的词

用户体验设计中遇到错误状态,优秀设计师是这么做的!

编者按:当用户遇到404、输入错误或加载失败等错误场景时,优秀的设计师会懂得如何舒缓他们的焦虑,并引导他们解决问题。今天@可乐橙_ColaChan这篇文章,把优秀设计师的经验都总结出来,全文干货,建议收藏。“错误”时有发生。在App与生活中都会发生。有时是因为我们犯了错误,有时是系统错误。无论错误原因是什么,它们——还有解决方式——对用户体验影响深远。但它往往不被重视,草草