优秀的网页评论表单的设计方法

优秀的网页评论表单的设计方法的相关文章

• 
  制作网页评论表单

  标签：Web开发

  vadim，usabilitypost 的读者，发表过一篇很有意思的文章，《评论表单设计》。文章里说他在网上留心很久，发现了网上的大多数表单都把姓名和Email 作为必填的选项，不过作为评论表单来说和传统表单应该有区别了，除了姓名和Email外，评论项也是必不可少的，如图： vadim提到，他曾特意去观察一些有上百条评论的热门博客，他发现这些博客的评论表单的选项非常多也没有注明是否必填，很多人不得不在某些...[ 查看全文 ]

  trippizza16

  21
• 
  15个优秀的HTML网页表单设计

  标签：平面设计 海报设计 广告设计 画报设计 签名设计 服装设计 名片设计 画册设计 版式设计 商标设计

  通过PS我们可以设计出各种样子的表单，不过其中许多最后都需要转成HTML表单页面，在大多数表单中如果不能基于CSS制作的话就无法在很多场合应用。因此网页设计师在设计表单时需要考虑的问题就是如何将其转化为HTML+CSS的页面形式。 虽然HTML无法制作出十分酷的表单，不过也能制作出许多出色的表单页面，本文中的表单都是HTML形式，可以参考这些设计以及HTML页面，同时也能访问相关网站查看这些HTML的写法。 ...[ 查看全文 ]

  491821332

  2661
• 
  网页注册表单的网页设计技巧

  标签：Web开发

  Ajax的流行给用户体验带来了很大程序的提升，而注册这项做为互联网最常用到的功能也自然而然的成为Ajax最常光顾的地方，实时判断用户输入的用户名是否被抢注、检测两次输入的密码是否一致，检测用户输入的邮箱格式是否正确，等等这些功能因为有了Ajax的加入，得以让我们彻底告别以往那个注册一个用户往往需要反复填写好几次表单的时代。 当然，注册用户时所需要填写的项也越来越少，说明文字也尽量的精简...[ 查看全文 ]

  不帅找你钱

  71
• 
  分享网页设计中WEB表单设计方法

  标签：平面设计 海报设计 广告设计 画报设计 签名设计 服装设计 名片设计 画册设计 版式设计 商标设计

  随着互联网的发展，人们开始越来越多使用WEB表单，虽然没有人愿意填写这东西，但却无法忽视其对于网站的重要性，特别是购物网站，随着网站类型的扩展，WEB表单的形式也变得越多越多，这也就成了今天讨论的主题，如何设计出令用户满意的WEB表单!随着文中一起来分享一下国外一些优秀的WEB表单是如何设计的。 随着网络的发展，人们通过各种方式使用它。今天，网络购物，跟朋友或者不认识的人聊天，管理银行账户...[ 查看全文 ]

  day寂寞小学生

  11
• 
  网页表单“必选项”的设计思路

  标签：平面设计 海报设计 广告设计 画报设计 签名设计 服装设计 名片设计 画册设计 版式设计 商标设计

  每当页面中出现洋洋洒洒的表单，用户就会开始感到头疼，有些用户就会直接选择放弃，而我想讨论的是，如何面对表单时让用户直接注意他们需要填写的必填项，减少不需要的信息的干扰。 必选项是以什么形式出现在现如今的表单中的呢? 1、 表单信息的表现类别 下面是一个关于web表单设计的调查报告，这个结果来源于100个令人瞩目的网站。 41%的网站使用标签右对齐 (YouTube, Facebook, Metacafe) 30%的...[ 查看全文 ]

  9月

  61
• 
  优秀的水平网页设计欣赏

  标签：平面设计 海报设计 广告设计 画报设计 签名设计 服装设计 名片设计 画册设计 版式设计 商标设计

  水平布局(横向)网站是创建独特的网站体验的一种新的很棒的方法。不同于大部分网站的通常的垂直滚动，设计师们寻求一种新的方法来让用户浏览内容。通常水平布局网站用于实现设计师的作品集。随着宽屏显示器越来越流行，这种体验将会变成一种新的方式来影响网络。 通过浏览这些网站，我们可以看出来，水平布局网站大都通过Flash或jQuery等Ajax框架来实现，而且多是单页网站。 ...[ 查看全文 ]

  —▔3▔

  71
• 
  优化网页表单设计的输入体验

  标签：平面设计 海报设计 广告设计 画报设计 签名设计 服装设计 名片设计 画册设计 版式设计 商标设计

  大部分人不喜欢填表单，因为人们来到网站，主要目的不是填表，而是浏览或者购买。精心设计的表单，使输入变得流畅让人心情愉悦，而糟糕的设计让人扶墙吐血。那怎样才是优秀的表单呢?页面的布局、逻辑组织、视觉样式等都是值得关注的细节，其中简化输入是最近常被提及的，在这里我分享下自己工作中的心得 1、 更高大的输入框 增加输入框高度，加粗字体，可以让网页上的输入框看起来更容易填写和阅读。随着电...[ 查看全文 ]

  简单的筱侽人

  131
• 
  国外创意导航设计的优秀网页设计欣赏

  标签：平面设计 海报设计 广告设计 画报设计 签名设计 服装设计 名片设计 画册设计 版式设计 商标设计

  导航是网站不可或缺的一部分，看惯了一成不变传统的网站导航和今年倍受宠爱的隐藏式汉堡菜单导航，是时候来点不一样的刺激下灵感了。这20个网站不仅都有自己脑洞大开的导航设计，整体设计也是创意丰满，一起来点意料之外的惊喜吧。 Vincent Tavano ACT Festival ECC Architectural Print Gallery Heat Architecture The Mark Hotel Gloria Cortina Irene ...[ 查看全文 ]

  天蝎无名小竹子

  151
• 
  CSS教程:网页表单设计技巧

  标签：Web开发

  输入框( Input )应当符合逻辑地划分为小组，这样大脑就可以很好的处理大堆区域间的关系。– 《HTML权威指南》 Web 应用程序总是利用表单来处理数据录入和配置，但并不是所有的表单都保持一致。输入区域的对齐方式，各自的标签(label)，操作方式，以及周围的视觉元素都会或多或少影响用户的行为。 表单布局 考虑到用户完成表单填写的时间应当尽可能的短，并且收集的数据都是用户...[ 查看全文 ]

  放大镜系在路上

  31
• 
  网页表单设计中的主次之分

  标签：平面设计 海报设计 广告设计 画报设计 签名设计 服装设计 名片设计 画册设计 版式设计 商标设计

  最近几个月以来，我一直忙于在我的新书中通过实际测试数据来重写设计建议，这本书名叫《网页表单设计最佳练习》(Web Form Design Best Practices)。为完成这件事，我很荣幸的和伦敦的可用性专家Etre一起合作，并进行了大量的专门针对网页表单设计的眼动实验和可用性研究。其中的一项测试便是研究主要行为与次要行为之间的差异化。 主要行为与次要行为 一个典型网页表单通常包含数个决定性行为。例如提交保...[ 查看全文 ]

  逍遥红枫叶

  481
• 
  网页设计师如何设计优质的Web表单技巧

  标签：平面设计 海报设计 广告设计 画报设计 签名设计 服装设计 名片设计 画册设计 版式设计 商标设计

  这篇文章算是笔者交的一份读书笔记，与 CRM 系统打交道了这么久，表单天天见。如果表单有感情的话，我猜它应该都不想再看见我了。也是有缘，老板推荐了一本表单设计的书《Web Form Design – Filling the blanks》by Luke Wroblewski，得此书如获至宝。该书对表单描述详尽，案例充分，解决了许多笔者多年未解决的问题。接下来进入正题，我们来聊一聊如何打造优质Web表单。 1. 标签推荐使用右对齐方式 ...[ 查看全文 ]

  qiufo9786

  41
• 
  WEB设计中的网页表单关于编码设计的小技巧

  标签：平面设计 海报设计 广告设计 画报设计 签名设计 服装设计 名片设计 画册设计 版式设计 商标设计

  备注: 关于label和tag,在中文中都翻译成标签,而下文中出现的标签,都是对label的翻译,比如"用户名"+输入框, 这里的"用户名"项在英文中是label,约定翻译为标签 页面表单已经是web设计中讨论最多的元素,已经超过10年了.我们无法避免.Call-to-action(一般翻译为"行动呼吁","行动号召",但是都觉得不理想.译者注)的方式通常会将用户引导到表单页;付费需要使用表单;用户注...[ 查看全文 ]

  sj5419

  51
• 
  30个优秀的白色系网页设计

  标签：平面设计 海报设计 广告设计 画报设计 签名设计 服装设计 名片设计 画册设计 版式设计 商标设计

  Adham Dannaway 图01 Jessica Caldwell 图02 Million 图03 Made by On 图04 Atelier Design 图05 Brand New Conference 图06 Kantt 图07 Deutsche & Japaner 图08 1 Minus 1 图09 Type Plus 图10 Built by the Factory 图11 Bionic Hippo 图12 Massimo Bonini 图13 Made by Sofa 图14 72 Rivington Street 图15 SquareFAC...[ 查看全文 ]

  昆曲大拿

  131
• 
  详细解析国外优秀布局的网页设计

  标签：平面设计 海报设计 广告设计 画报设计 签名设计 服装设计 名片设计 画册设计 版式设计 商标设计

  曾经有人说过，布局虽然只是内容的表现形式，但却能决定浏览者对内容的态度，从这句话中就足以看出布局在设计中的重要性。 从网页的布局中就能看出一个设计师的设计水准，以往的网页布局大家都会依照黄金比例的原则去排版设计，所以大多数网页也都千篇一律，而现在，中规中矩的网页布局已经不由得让浏览者产生了视觉疲劳，因此必须做出一些改变，以此来顺应未来的设计趋势，在布局中加入更多的创意。 以下...[ 查看全文 ]

  shinegjw

  101
• 
  精选国外优秀大气的网页设计欣赏

  标签：平面设计 海报设计 广告设计 画报设计 签名设计 服装设计 名片设计 画册设计 版式设计 商标设计

  高居在设计师杀人灭口排行榜第二名的大气元素今日现身江湖，据优设微信聊天区的同学说，这类网站淋漓尽致地，异常深刻地，一针见血地诠释了大气的本质。对此，手悬在屏幕上的甲方竟无言以对.（网站酷炫难挡，务必用谷歌/火狐打开。慢着，第一名是？） Alessio Santangelo Team Viget A World of Belonging on Airbnb WILD Empower Education All I Wish You Save The Globe Eas...[ 查看全文 ]

  公正天理z

  181
• 
  精选来袭英国的优秀网页设计欣赏

  标签：平面设计 海报设计 广告设计 画报设计 签名设计 服装设计 名片设计 画册设计 版式设计 商标设计

  如果你也着迷英伦风，那么你一定那句耳熟能详的Keep Calm and Carry On，这句著名的标语可以向上追溯到1939年。随着英伦风在世界范围内的流行和网络的快速发展，这句话也出现了许多变种，比如设计师的版本：Keep Calm and Design。这些有趣的文化现象，不仅激发了英国人的创意，还间接催生了许多优秀的英国网站。 作为一个历史悠久也独具个性的欧洲国家，英国有着丰富的文化和艺术遗产，如同Keep Calm and ...[ 查看全文 ]

  到世界的尽头ok

  31
• 
  如何设计优秀的网页404错误页面

  标签：平面设计 海报设计 广告设计 画报设计 签名设计 服装设计 名片设计 画册设计 版式设计 商标设计

  相信我，这不是标题党。本文提到的大多数细节设计，都很难在平常的网站里寻到踪迹，不过恰恰如此，这篇文章的可读性非常高，如果哪一天你看到这么体贴的404网站，找到那个设计师嫁了吧。 网秦UEC：没人会想到网站访客会在错误页面上停留，但实际上这种情况确实存在。特别是在404错误页面上，访客会经常逗留。所以，你可以将404错误页面设计的更加吸引用户，而不应让用户迫不及待离开。 什么样的404错误页面...[ 查看全文 ]

  20011209hbhd

  121
• 
  精选国外最新的优秀网页设计欣赏

  标签：平面设计 海报设计 广告设计 画报设计 签名设计 服装设计 名片设计 画册设计 版式设计 商标设计

  和往赏一样设计达人继续整理一些好看的优秀的欧美网页设计作品，这里有很多不同类型的网站，如APP网站设计、企业网站、单面页网站等等，大家有空都可以看看这些作品，从中学习一些新的技术和获取设计灵感，多看这些真的对你的项目有帮助哦。 Shyp Bureau Lukas Haider Telegraph Creative HEIKOPAIKO Wallmob Bench OnSite Nasty Creatures MoreSleep Belancio ...[ 查看全文 ]

  一切微笑带过

  41
• 
  Startup Framework搞定的优秀网页设计欣赏

  标签：平面设计 海报设计 广告设计 画报设计 签名设计 服装设计 名片设计 画册设计 版式设计 商标设计

  这篇文章是始于一次针对新兴的设计&前端框架Startup Design Framework的探索研究。我们搜集整合了一系列的优秀的初创公司的网站，通过这些案例可以了解这类网站的特征、覆盖范围以及这一工具所提供的各种可能性。 必须承认，这些新兴的网站中越来越多地用到了新的网站搭建工具，这也从侧面反应了网站搭建工具的快速发展。同时，世界各地的开发团队也开始为这些在线创业者提供通用的解决方案，这也就意味...[ 查看全文 ]

  德国巴斯夫漆8

  31
• 
  网页设计关于表单输入框的技巧代码

  标签：Web开发

  1.取消按钮按下时的虚线框 在input里添加属性值  hideFocus 或者 HideFocus=true  2.只读文本框内容 在input里添加属性值  readonly 3.防止退后清空的TEXT文档(可把style内容做做为类引用) INPUT style=behavior:url(#default#savehistory); type=text id=oPersistInput 4.ENTER键可以让光标移到下一个输入框 input onkeydown="if(event.keyCode==13)event.k...[ 查看全文 ]

  品Sharelife赏

  31