㈠ web界面设计规范有哪些
一、网页尺寸
制作网页时,我们选用的分辨率是72像素/英寸,使用的画布尺寸1920px*1080px。
但是并不代表我们可以在整个画布上作图。
网页的布局主要有两种,左右型布局和居中型布局。布局的不一致,使得可设计的空间也不相同。
二、网页字体
字体设计的总原则是:可辨识性和易读性。
网页的文字设计是系统默认的字体:宋体、微软黑体、苹果系统黑体,英文则建议使用arial无衬线字体
常用的字号大小有以下几种:
12px是应用于网页的最小字体,适用于非突出性的日期,版权等注释性内容。
14px 则适用于非突出性的普通正文内容。
16px、18px或者20px 适用于突出性的标题内容。
㈡ Web设计的设计原则有哪些
原则1: 清晰
清晰是用户界面设计最重要的原则之一,要让用户能够有效地使用你设计的界面以及清楚的知道这个界面是用来做什么的,能产生什么样的交互,解决什么样的问题。清晰意味着能准确表达出信息内容。它有助于防止用户出错,清楚地呈现出重要信息并提供完美的用户体验。
原则2: 以用户为中心
在用户界面设计中,设计师要清楚谁才是真正的使用者。要能够站在用户的立场和角度来考虑设计网页。用户是你最终产品的体验者,所以,在做设计时,要遵循以用户为中心的原则。用户不会花太多时间在同一个网页,只要他找到自己所要的讯息,就会跳转到另一个页面继续寻找下一个信息。网页设计师要知道,用户之间的差别很大,他们的操作习惯和能力也各有不同。你不能满足所有人的期望,也别试图去满足所有人的期望,因为那是不可能的事。你要做的只能是让你的网站使用更加方便易操作,要做到这点,你必须了解用户的需求,目标和偏好以及操作习惯。
原则3:KISS(Keep It Simple And Stupid)
简单易操作,这也是网页设计最基本也是最重要的原则。要让用户觉得自己是在控制软件,而不是感觉被软件控制。切记网页的可操作性,用户的习惯和能力各不相同,他们不是网页设计师,并不懂你们设计这个网页的原理和操作方式。并且绝大数的用户,对于电脑的使用经验是很初级的,只要稍微复杂一点的操作就会让他们感觉很费力,所以网页设计师需要注意的是,减少操作。这里所说的stupid,不是愚蠢,而是能减轻用户的负担,让操作更加简单。
㈢ Web UI设计规范及界面实现注意事项
适用于WEB产品线的人机交互界面的设计,贯穿于以用户为中心的设计指导方向。根据WEB产品的特点制定出的一套规范,以达到提升用户体验,控制产品设计质量,提高设计效率的目的。
适合界面设计师、用户体验设计师、前台设计工程师、发布支持人员、运营编辑人员等
1.【统一识别】规范能使页面相同属性单元统一识别,防止混乱,甚至出现严重错误,避免用户在浏览时理解困难。
2.【节约资源】除了门户网站、活动推广等个性页面外,相对于后台系统、物联网系统、数据统计系统、等界面设计,使用规范标准能极大的减少设计时间。
3.【重复利用】相同单元属性,页面新建时可以执行此标准重复使用,减少无关信息,就是减少对主题信息传达干扰,利用阅读与信息传递。
未通过客户或上级领导确认产出的界面,请勿上传至蓝湖协作系统
设计师在原型步骤及应该想好对应的图层结构,交互特效,并和前端开发人员做好交流,是否可以实现,功能的评估一定要细致
1.已上传至蓝湖协作平台的高保真界面,应根据平台中的标注尺寸进行精确还原,Web界面还原度不得低于95%;移动端还原度为100%(精确到一像素)。
2.开发人员完成视觉部分内容以后,必须由UI设计师及前端技术负责人进行校对工作。
3.如遇到界面效果复杂或组件样式特殊等难以实现的问题,应及时与对应的UI设计师或前端技术负责人沟通处理,不能随意更换。
4.前端开发人员无权更改设计图中的样式及功能,遇到问题应及时与设计人员协商。
5.如遇产品经理或项目负责人未通过设计师确认,直接要求修改界面视觉效果部分,前端开发人员可拒绝修改。必须由UI设计师对高保真图纸更改后再进行相应的修改。
㈣ 怎么设计WEB登录页面,让页面不平庸
用户活跃度是检验产品成功与否的重要指标之一,传统行业的商家极为重视门面的装潢,因为一个好的门面可以聚集人气,招揽更多的顾客。古时候的大户人家院子门口的石狮子或其他的摆件的摆放极为讲究,有一定的风水学说道理,更能彰显主人家的身份地位.由此可见,“门面’就如人的脸面之于人的形象一样重要,而WEB的登录页面就相当传统的“门面”。
现在越来越多的大型网站把登录和首页放在一起设计,由此可见登录页面的重要性,一个出彩的登录界面,将提升产品的品质,赋予产品独特的气质,登录界面也是一个发挥情感化设计,提升用户体验,拉近与用户之间距离的兵家必争之地,本文不谈趋势,不讲交互大道理,不涉及技术,就侃侃用户登录页面的一些设计表现形式。希望这些设计表现手法能给大家带来一些启发和灵感。
优雅大方
如果说iPad是介于传统电脑和手机之间的产品,那么tumblr则是介于blog和twitter之间的服务。相比twitter,它的功能更复杂、内容展示性更强、更加重视多媒体的应用。Tumblr做为轻博客的鼻祖,带来一种全新的视觉体验, 安东尼·德·圣-埃克苏佩里曾说过,“完美就是多一点则太多,少一点则太少。” Tumblr的登录页面没有过多的视觉干扰,优雅大方,一切元素的存在都是为了用户更好的登录,登录过程非常流畅。
参考:http://cdc.tencent.com/2012/01/16/拒绝平庸-浅谈web登录页面设计
㈤ Web表单设计—点石成金的艺术(一)
最近在读《 Web表单设计—点石成金的艺术 》一书,颇受启发。而且该书目前已经买不到了,好像二手书也买不到,特意找了pdf扫描版来读,读书过程中的一些感悟跟大家分享。
一、表单的设计
大多数人都不喜欢填写表单,这也就说明了应该关注优秀表单设计。
而很多的特定数据来源都提供了衡量表单设计影响的方式:
(1) 可用性测试 (观察人们与表单如何交互)
(2) 实地测试 (从人种学角度观察人们在家中或办公室中与表单互动的情况;)
(3) 客户支持 (了解客户填写表单时遇到的问题)
(4) 网站追踪
(5) 眼动跟踪 (记录人们如何理解表单的表现形式)
(6) Web惯例 (即查看该问题的通用解决模式,可理解为分析竞争对手的解决方案)
二、表单的组织
类似标签后面是否要防止冒号的问题,用户真的不关心。用户关心的是问题内容和所问的原因。
有些字段需要告诉用户填写的原因( 为什么问这些问题,能为用户带来的好处 ),如果不能回答,就要考虑是否真的需要这个字段。
表单所提的问题即 标签要尽量的简洁清晰 。
如果简洁的标签容易引起用户的误会,应该 尝试使用自然语言的方式 。
表单较长或较复杂时应 考虑对表单内容进行分组 ,有助于浏览和快速完成填写。
有些时候很多问题需要按顺序回答,否则回答就没有意义。这时候人们需要看到所有问题,一个较长的网页是好的解决方案。通常这些问题会和一个主题相关。
有些 可选问题在表单填写完成后再问比较好 ,如“您如何知道我们”或者“您想进一步了解我们吗”。这样会比初始表单就提问能获得更多的答案。
可以通过Web惯例调查, 比较相似网站的设计方案 ,引导发现网上已经形成的常见表单组织结构,但是也要结合自身情况不要只停留在简单复制竞争对手。
对表单进行分组时, 每个内容组都从视觉上区别于表单的其余部分 ,但是对比太多也可能造成视觉污染,阻碍人们浏览表单。
信息设计专家爱德华,托佛特认为,信息由产生作用的差异构成,任何无助于布局的页面元素都会损坏布局。 采用最好的必要视觉信息来区分内容组 。
英文网站, 标签首字母应当大写 ,使内容组更容易浏览。
最后,祝大家六一儿童节快乐!永葆童心~
㈥ 1.Web设计的核心是什么概念
人性化的设计是Web界面设计的核心。
拓展资料
网页设计(web design,又称为Web UI design,WUI design,WUI),是根据企业希望向浏览者传递的信息(包括产品、服务、理念、文化),进行网站功能策划,然后进行的页面设计美化工作。作为企业对外宣传物料的其中一种,精美的网页设计,对于提升企业的互联网品牌形象至关重要。
网页设计一般分为三种大类:功能型网页设计(服务网站&B/S软件用户端)、形象型网页设计(品牌形象站)、信息型网页设计(门户站)。设计网页的目的不同,应选择不同的网页策划与设计方案。
㈦ 《瞬间之美Web界面设计如何让用户心动》pdf下载在线阅读,求百度网盘云资源
《瞬间之美》([美] Jr·Robert Hoekman)电子书网盘下载免费在线阅读
资源链接:
链接:https://pan..com/s/1bCvewIp-VDDOOu-kGO0kUQ
书名:瞬间之美
作者:[美] Jr·Robert Hoekman
译者:向怡宁
豆瓣评分:8.0
出版社:人民邮电出版社
出版年份:2009-7
页数:226
内容简介:本书特色:
本书通过重现用户面对Web应用时由始至终的完整情境,主要针对Web应用中几乎所有相关元素,例如Search、Screencast、Blog 、Wizard、 RSS、 Rate 、TagCloud 以及Form的布局、交互甚至客服等都提出了值得借鉴的解决方案。具体通过30多个故事轻松自然地带领读者领会设计者如何百分之百地用心传达以创造美好的用户体验。
本书适用于信息架构设计师、交互设计师、Web开发人员使用 ,资深设计师可将本书用做汇集了设计方法和思路的参考手册。初级设计师以及Web开发人员则可以按照书中的方法直接使用,找到一条通往用户体验设计的捷径。
业界评论:
1. 译者评论:
翻译这本书其实也是一个学习的过程。乍看上去似乎书里面没什么很新的理论或者概念,但是作者有一种“大拙若巧、顺其自然”的味道,每一个问题点(也就是书中的一个个故事)最后的解决方案都是千锤百炼的结晶。也就是说,如果你不了解UE,只需按他所说的去做就保准没事;如果你有过研究,那么每个方案背后的方法和思路同样值得学习。它是一本好书,值得我向任何人推荐
2.专业人士评论:
严格来说这不是一本告诉你从头到尾如何设计Web的书,这一点真是太棒了。我们并不需要某人彻头彻尾地驯服我们的方法、我们的原则、以及我们的个性。然而它却是一本激发我们百分之百用心地与用户交流和思考的好书。书中你见不到一行HTML/Javascript/Perl/PHP/Ruby技术代码,作者完全根据自己的亲身经历和设计经验简单直接地告诉我们良好的用户体验,全在于那些完美的“瞬间”。这是一本激发Web设计灵感的枕边小册,值得我们经常翻阅。
作者简介:Robert Hoekman, Jr. 是一名交互设计师和易用性专家。他曾任职于GoDaddy.com、MacroMedia、Adobe等多家知名公司,现在有了自己的工作室 Miskeeto,一直致力于为广大受众提供优质的用户体验服务。之前他所着的Designing the Obvious(国内译版名为“一目了然”)直观地向我们阐述了如何构建简洁易用的软件的显性设计方法,而这次他又带着这本Designing the moment再次揭示关于Web 完美设计的秘密。