网页表单 - 优设网 - 学设计上优设

菜单优设网 - 学设计上优设

会员

开通优设VIP星球

尊享13项VIP特权持续新增

主题打卡挑战

21天带练！告别无效练习

接私单赚外块

VIP优先接，累计金额超百万

优设私房课免费学

价值178元热销课程

你的私人律师

每月可免费咨询30次

开通VIP

领取更多设计师实用特权

投稿

网页表单话题

首页
设计文章
网页表单

6000字干货！5个Web表单设计冷知识

UI

6000字干货！5个Web表单设计冷知识

本文针对表单设计中的5个设计问题进行讨论，并给出了相关建议帮助大家解决。

2021/10/29

表单设计进阶方法！7招提升表单体验

教程

表单设计进阶方法！7招提升表单体验

阿肆Stella ：最近在做认证的优化，期间涉及到一系列的表单设计。在制作过程中，发现我对于提示语、按钮的位置、是否放步骤条等等都无法做出快速的判断，这说明我对这部分的概念是比较模糊的，所以就想针对表单的体验设计做一个学习和总结，加深自己对表单设计的理解。一、什么是表单表单在网页或 app 中主要负责数据采集的功能。

2018/11/20

可能是最全面的表单设计完全手册！

教程

可能是最全面的表单设计完全手册！

表单设计可以说是设计界一个老生常谈的话题，针对它的重要性自不必多言。本文结合自身经验和所看所学所得总结，希望能帮助到大家。从「因子（构成要件）」的角度，将表单逐一拆分，从而能够全面的看待。

2018/09/24

如何构建 Web 端设计组件之树和日期时间选择器

UI

如何构建 Web 端设计组件之树和日期时间选择器

Echo ：本文主要讲解表单中的 treeselect 树选择、datepicker 日期选择器和 timepicker 时间选择器。根据组件的用途，可以分为六大类：Feedback 反馈、form 表单、basic 基础、data 数据、navigation 导航、other 其他。表单在网页中主要负责信息数据采集功能，用户需要填写输入信息数据并且提交到后端数据库，以此完成信息的采集，则这种组件就是表单组件。

2018/06/03

网易设计师：B端产品常用Web 列表设计模式总结

产品

网易设计师：B端产品常用Web 列表设计模式总结

网易UEDC – 仉长娟：从事 B 端产品交互设计工作的半年时间里，有幸接触了面向开发和运维人员的 B 端业务类列表交互设计工作。为了方便后续在 B 端产品设计过程中可以更加高效且高质量的进行列表的交互设计，结合自己在实际工作中遇到的列表类型总结了 web 列表设计的常用基础列表模式，以供大家参考。本篇文章所介绍的列表设计主要集中在列表内的元素和操作按钮（行内操作）的展示上，暂不包括列表的查询、筛选以及列表外相关功能。

2018/04/05

更好的表单设计，从这6个设计策略开始

教程

更好的表单设计，从这6个设计策略开始

在网页设计领域中，表单设计始终是绕不过去的话题。有的表单设计的很无聊，但是有的表单却设计的很有趣，但是无论好坏，用户总得将表单填完，才能进入下一个环节，所以，表单的交互和体验无比重要。和其他的设计工作一样，表单是设计师/产品和用户进行沟通的桥梁，创建易用、高效的网页表单，用户填写越方便，转化率也就越高。

2017/09/04

16个优点告诉你，为什么表单设计应该用这个方法？

教程

16个优点告诉你，为什么表单设计应该用这个方法？

@可乐橙_ColaChan ：2008年的时候，我在*Boots.com*工作。他们想做一个单页的结账页面，运用那个年代最新潮的技术，包括手风琴组件、AJAX和客户端验证。每个步骤（寄送地址、寄送选项、信用卡详细信息）都收在一个手风琴面板中。

2017/05/28

表单经典原则是错的？来看这5个表单设计新规则

UI

表单经典原则是错的？来看这5个表单设计新规则

编者按：以前的表单经典原则是“越短越好”，不过随着技术发展，现在有些表单设计已经不适用了，想学到最新的表单设计方法，别错过这篇！每天我们都使用表单进行基本的网上操作。网上购物、注册邮箱、社交网络甚至参与讨论、描述美味的午餐等等都需要我们填好表单。

2017/03/10

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

产品

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

表单是网页设计中最常见的元素，几乎每个网站都会包含一种甚至几种不同类型的表单。从简单的电子邮件搜集和订阅，到注册、下单、购买，表单一直伴随着网页而存在。所以，设计出好看易用的表单是非常有必要的。

2017/03/09

优秀网页设计

细节干货！创建表单勾选框和开关时该注意的7个方面

产品

细节干货！创建表单勾选框和开关时该注意的7个方面

@可乐橙_ColaChan ：创建表单时，交互设计师总是会面临一个选择，选用哪种UI元素来表示可选项的操作。可选项可以用勾选框、开关、单选框和下拉菜单表示。选择得当的话，任何一种都非常出色。

2016/07/11

提高转化率！9个新人容易中枪的表单设计问题

教程

提高转化率！9个新人容易中枪的表单设计问题

在网站中，表单是用户跟我们沟通的主要桥梁。透过表单，用户可以买东西、订阅新文章、更新资料……可以说网站最重要的功能，都是靠表单来完成。

2016/04/21

高手读书笔记！聊聊打造优质Web表单的9个方法

教程

高手读书笔记！聊聊打造优质Web表单的9个方法

37.2度体验：这篇文章算是笔者交的一份读书笔记，与 CRM 系统打交道了这么久，表单天天见。如果表单有感情的话，我猜它应该都不想再看见我了。也是有缘，老板推荐了一本表单设计的书——《Web Form Design - Filling the blanks》by Luke Wroblewski，得此书如获至宝。

2016/01/01

小白也能做图表！帮你免费在线生成精美直方图的网站

酷站推荐

小白也能做图表！帮你免费在线生成精美直方图的网站

编者按：数据可视化现在是大势所趋，如果你操作不熟练或时间不够，不妨试试今天这个网站，可以帮你免费绘制直方图，无须下载不用安装，打开网页就可以用，搞定后直接生成图片，用到你的PPT、信息图上非常方便，来收！最近发现一个非常厉害的服务Chartico ，网站宗旨很简单：帮你制作漂亮的长条图！无须注册或登入帐号，打开网站就能开始制作长条图，同时能自订每个项目的颜色、说明以及图表的标题、说明等资讯。

2015/11/30

并不简单！帮你提升表单使用效率的四个界面设计技巧

教程

并不简单！帮你提升表单使用效率的四个界面设计技巧

编者按：作为世界最著名的客户关系管理软件巨头，Salesforce 在CRM软件设计上有着深入的了解和过硬的设计和开发经验。诸如CRM这类企业级的软件中，表单类的界面非常多，这也促成了今天的这篇文章。一个优秀的表单到底要具备怎样的素质？

2015/10/29

优秀网页设计

实用素材！22组深色风格登录表格PSD免费下载

下载

实用素材！22组深色风格登录表格PSD免费下载

编者按：今天继续放送一组可以免费下载的表单PSD，包括网页端和移动端，全都特别有质感。有了PSD源文件，同学们可以很方便地学习优秀设计师的绘制过程，也可以修改后个人使用。对这种每个界面都需要的素材，绝对不要错过！

2015/09/17

让数据变有趣！如何设计实用易读的图表（上）

教程

让数据变有趣！如何设计实用易读的图表（上）

编者按：数据可视化时代不会图表设计就落伍咯！今天阿里的刘颖同学来个简单高效的教程，分两步走，先教你精准表达图表数据，再帮你提高图表的易读性，内含大量实战案例，干货满满！一、图表的目的和价值图表设计是数据可视化的一个分支领域，是对数据进行二次加工，用统计图表的方式进行呈现。

2015/09/01

腾讯精品好文！7个方法帮你全面提升Web表单填写体验

教程

腾讯精品好文！7个方法帮你全面提升Web表单填写体验

编者按：如果网站是一座小院儿，注册登录页就是那扇大门，用户是走是留很大程度就取决于那道门槛的设计，今天腾讯的同学总结了7个实用的方法，能有效帮助用户提升表单填写的整体体验，宾客临门还是门可罗雀？就看这篇了。我们几乎每天都会接触形形色色的表单，登录账号、填写信息以获取服务、发布内容等。

2014/11/26

经验分享：简化输入，让网页表单更亲切

教程

经验分享：简化输入，让网页表单更亲切

大部分人不喜欢填表单，因为人们来到网站，主要目的不是填表，而是浏览或者购买。精心设计的表单，使输入变得流畅让人心情愉悦，而糟糕的设计让人扶墙吐血。那怎样才是优秀的表单呢？

2014/01/08

没有更多文章了

大家都在看

产品设计

文章 527

入门

文章 162

B端设计

文章 206

职场规划

文章 412

App设计

文章 264

视觉设计

文章 190

logo设计

文章 198

AI教程

文章 130

用户研究

文章 142

热门频道

设计专题

热门设计知识精挑细选

细节猎人

1分钟小短文揣摩设计真谛

优设读报

行业资讯一站知晓

优设琅琊榜

顶尖设计作品聚集地

优设9图

优设爆火的干货频道

设计问答

高手大咖在线答疑解惑

热门频道

设计灵感

支持与服务

优设微博

@
优秀网页设计
380W粉丝！每日更新设计干货
@
优设
强烈推荐！优设官方品牌微博
@
优优教程网
官方微博，海量教程看不完
@
优设基础训练营
零基础入门，带你成为软件高手
官方群
优设官方微信群
01优设25+设计师交流群
02优设30+设计师交流群
03优设求职招聘群
04优设同城交友群
05优设私单群
06优设学生交流群

07优设UI设计师交流群
08优设插画师交流群
09优设平面品牌设计师交流群
10优设3D设计师交流群
11优优教程自学团
12优设VIP知识星球交流群
微信扫码添加管理员招财

微信号：uisdc411

严格审核打造高质量交流群

进群会有面试题谢绝打广告
优设微信

每天官微五分钟

一年萌新变大神

扫码关注

1000W

优设新媒体矩阵等你来关注

优优教程网

优设大课堂

设计师导航

优设训练营