壹周速读:表单设计全面指南

如果你正在从事 B 端设计,或者在表单设计上比较苦手的设计师,那么上周的3篇表单设计相关的实用文章,绝对是拯救你的福音。Taras 的 20 个简短精炼的技巧一针见血,「INDEX设计笔记」的系统指南则深入细致,都是难得的好东西!

表单设计指南

壹周速读:表单设计全面指南

表单是 UI 界面中最为常见的元素,它通常是用来搜集和呈现一些数据、信息和特定的字段。这篇文章来自资深设计师 Taras Bakusevych,长期从事金融和企业类数字产品的设计,在表单设计领域造诣精深。这篇文章梳理了他总结的 20 条表单和输入框的设计经验,实用性极强。

壹周速读:表单设计全面指南

表单(不是表格),作为最为常见的 Web 页面模块,是不是都快忽略它的存在了?回想一下你登录网站填写信息、购物填写地址、填写调查问卷、修改个人中心信息时……都是在和表单发生互动。但是,想要设计一个优秀的表单并不容易。这篇我文章梳理了设计优秀 Web 表单的 5 个有效策略:

壹周速读:表单设计全面指南

每个人生活中,都在和表单打交道,各种表格,表单需要填写。而在数字产品当中,表单是实现数据采集的重要手段。最近几年,随着 B 端的兴起,和表单打交道的设计师越来越多,这使得了解表单设计成为了很多设计师同学的必修课。这篇万字干货是这个表单设计指南的上半部分:

新视野

壹周速读:表单设计全面指南

对于绝大多数的用户而言,Mac OS X 是21世纪初顶尖设计的范式,在今天,它是最优秀操作系统的当中的典型。在今天的视角之下,2001 年步入新世代的 Mac 系统似乎一步登天,成为了新时代人机交互设计的典范,但是其实在此背后,有一段长达 10 多年的疯狂试探,并且「沉淀」下了一大堆失败产品。第二篇 「Mac 视觉史」就聊聊这次 90 年代的史诗级失败背后的故事:

壹周速读:表单设计全面指南

发消息带表情已成为「网上冲浪」的社交礼仪,QQ 内自带的黄脸表情同样被广为使用。但伴随着社会文化的变迁,黄脸表情在使用时总让人感觉「表情用时方恨少」。别着急,新表情已安排。QQ 4 月上新了一批神仙表情,「疑惑」「 辣眼睛」「 沧桑」「 尴尬」,这些表情是否也是你的日常?如果你也被击中的话,跟我一起看看表情的设计故事吧:

UI·视觉

壹周速读:表单设计全面指南

不知道大家有没有觉得自己做的东西总是很土、很普通,反正我是经常有这种想法,所以总是想尽一切办法做到更好。如何在设计过程中,彻底告别土味?菜心设计铺的这篇文章,就用近期的一个设计项目作为案例,分享了他的设计经验:

壹周速读:表单设计全面指南

初级与高阶设计师的区别,有时候不在于说整体大的布局上有什么差别,其实往往就在于文中提到的这些小细节点上。在腾讯,一个界面中的细节,往往会抠到像素级,大 1px 或者小 px 都可能要出几稿,调优后也确实会有不一样的感觉。而这些关键的细节,都在这里:

壹周速读:表单设计全面指南

海报的创意与玩法,不只限于排版,优秀的海报可以把作品的高度拔升好几个层级,省去了大量繁琐文案的赘述,让人一目了然,这样的作品既不乏深度,也不失美感。这篇文章以近年的一些设计实战来给大家分享关于海报设计的经验:

壹周速读:表单设计全面指南

我们在做设计的时候总离不开字体,可是多如牛毛的字库字体里,免费的只有那么几个,难以满足我们的工作需求。铤而走险的话又会容易招到律师函警告,那么怎么办呢?最直接粗暴的方式就是学会字体设计,需要用什么字体就做什么字体,自己动手,丰衣足食。这篇文章先给大家介绍一些最基础最基础的字体设计知识:

壹周速读:表单设计全面指南

说到 HMI 大多数设计师应该是既熟悉又陌生,HMI 是 Human Machine Interface 的缩写,「人机接口」,也叫人机界面,只不过是在某些场合和设备上管他叫 UI,比如移动端设备,而在另外某些场所和设备上管他就叫 HMI,比如汽车车机和数控机床。

而这次的文章,就是围绕着汽车上的 HMI 界面设计来进行探讨的。它的前世今生有哪些故事,而现今在 HMI 领域的设计,又有哪些独特的点?这篇文章一定要看看:

壹周速读:表单设计全面指南

在进行数据可视化设计的过程中,座标轴是绕不过去的一个元素。但是常用的座标轴有哪些,哪些座标轴知识是做可视化设计必知的?这篇超专业的文章,就给你进行了一一梳理:

产品·体验

壹周速读:表单设计全面指南

任何一名设计师应该都会接触到运营活动页,产品落地页此类需求。而这些落地页设计需求的业务目标衡量标准都相当明确——即转化率。再进一步,与我们的设计输出直接相关的就是首页转化率/点击率。所以,在日常的落地设计中,其实最终都是为那个关键数据服务的。于是,我们最终还是要面对这个终极问题:在页面当中,按钮要放到左边还是右边?答案,在这里:

壹周速读:表单设计全面指南

微信小程序要如何做设计?相比于普通的 UI 设计相关的文章,这样的文章还是相对比较少的。来自 Zeal-庄治柱 根据自身的经验,完整梳理了这么一篇相对全面的微信小程序实战向的文章,帮助越来越多需要进行小程序设计的设计师同学:

神器·干货

壹周速读:表单设计全面指南

可视化大屏的视觉效果超级棒,很多同学都想实现这样的视觉效果,但是在具体的实现效果上,大家还是充满疑惑。如果你也是其中的一员,那么这篇文章一定不要错过!这里整理了一些可视化效果常见的设计工具和实现方法!快来看看吧:

壹周速读:表单设计全面指南

大家都知道建立个人图库的重要性,回归到图片的来源,怎么扒才算优雅呢?不是所有网站的图片都能右键保存的,去问开发小哥么? 一来,他们很忙可能没空理会,二来,这个问题太基础会被鄙视。于是,这篇文章就分享给大家 4 个实用性极强的扒图技巧:

职场·规划

壹周速读:表单设计全面指南

这篇文章可能是《我的十四年设计路》系列文章当中,对于设计师同学们最有价值的一篇——它总结了设计师最容易走偏的4个设计误区。如果你发现自己并没有陷入这些误区,那非常值得高兴。如果你不小心陷入了某一个,那么这篇文章的建议,应该能够给你提供一点帮助:

点赞 11
收藏 32
继续阅读相关文章

发表评论 已发布 3

还可以输入 800 个字
 
 
载入中....
3 收藏