界面与交互设计 的最新文章

收集一些已发表过的用户界面设计准则

用户界面作为用户与设备之间交流沟通的媒介,帮用户从视觉、听觉、触觉与设备沟通。它以用户为中心,使产品达到简单易用的目的,并且在使用的过程给用户带来愉悦感。本文摘录了一些已经发表过的用户界面设计准则。
May 21, 2014

高速公路路标字体:发展和中国新标准(转)

交通部更换高速公路命名办法出台,全国的高速公路路牌开始大面积更换, 引起了一场轰轰烈烈的关于费用的争议。鲜有人注意到的是,路牌的设计也作了大幅修改。新设计包括新的中英文字体、箭头和其他元素的设计,旧标准英文字体 Helvetica 被 FHWA 体(又称 Highway Gothic)代替。对美国视觉文化熟悉的朋友而言,FHWA 应该不陌生,作为美国的旧高速公路标准字体,FHWA 的设计充满了美国味道。它的名字源于美国联邦公路局(Federal Highway Administration),诞生于艾森豪威尔(Eisenhower)执政的1940年代。这款字体的字型设计最初根据民间手工制路牌而来,设计粗糙,完成后也从未进行过路面测试。"它(FHWA)轻率、粗放,缺乏对细节的关注。"字体设计师 Tobias Frere-Jones 评论到。...
July 7, 2010

设计从整理开始,附佐藤可士和整理术图例(转)

整理,一个似乎和设计关系不大的行为,与设计师的创新精神相比,她总给人较为消极的印象。而且很多设计师也认为,整理纯粹是体力劳动的事情,设计则是与之相反需依靠脑力完成的创意工作。 事实绝非如此,通过整理,我们能找到事物的本质,发现全新的观点,看到一些深藏于表面的事物。通过整理,我们视野里问题会变得越来越清晰,并且获得许多积极地发现。...
June 12, 2010

Web界面测试(UI)小结(转)

现在大部分客户对界面的要求非常高,所以对于测试人员来讲,也必须特别注意界面的一些东西。从前几个项目来看,个人认为界面测试的测试点以及应该注意的问题: 界面的线条是否一致,每个界面中线条是否对齐,是否一致。(静态页面没有确认的情况下) 整个系统的界面是否保持一致 界面中是否存在错别字 界面所有的按钮样式是否一致 每个界面是否同原静态页面设计一致(静态页面确认的情况下) 操作是否友好 界面所有的按钮、下拉框是否有响应 界面所有的链接是否正常 界面所有的输入框是否都进行校验(例如:搜索框、字段输入框) 界面所有的列表页标题字是否会折行,标题字是否统一居中等,当然也可以居左,这需要同客户沟通(折行的话影响美观) 界面所有的展示图片是否样式一致 浏览器的兼容性问题,检查页面在不同浏览器下是否会发生异常 每个页面的提示字体的颜色、格式是否统一准确 界面中所有字段后面是否都存在冒号,有冒号,查看是否冒号为统一的中文冒号还是英文冒号。 界面中的提示说明叙述是否太啰嗦,有时候需要能简化尽量简化,并且字体显示格式一致,颜色统一。 在web网站,一般经常是后台控制前台的显示,因此在对后台进行数据添加时,查看前台是否有变化,并且查看界面的数据是否溢出框外。...
June 11, 2010

提高自己设计水准的9大秘诀(转)

设计是一件富有创造力的活儿,也是一件极需耐性的活儿,所谓十年磨一剑,设计如果没有经过磨砺是不会有深度的。刚好看到这篇文章,对刚接触或者想要接触的朋友应该是有帮助,甚至是对接触一段时间之后的朋友也会有帮助。或许语言上不够精辟,但是精神已经传达到了,于是转载于此,欢迎围观。 1、想 设计师首先必须善于思考,对设计主张自己的想法和理解,这是最重要的。别担心你的想法有多“烂”,没有人能一下子做好的,但你完全可以做好你的习惯和态度。学会大胆地摸索和尝试自己的想法,懂得借鉴,追求属于自己的创意。但是如果在设计时不动脑筋地套模板,套素材,甚至是盲目模仿和抄袭,那简直是在摧残你的创造力,滋养你的惰性,这样永远无法进步,而且以后想进步也非常困难。...
June 11, 2010

Balsamiq Mockups ---- 有意思的原型设计工具

Balsamiq Mockups是一款颇有意思的原型设计工具,记得挺早的时候就试用过,但当时只用了其网页版的,没有下载到桌面来运行。今天一不小心在乱逛的时候看到两篇介绍Balsamiq Mockups的文章:给大家推荐一款超酷的软件原型设计工具-Balsamiq Mockups推荐一款界面原型设计工具 ----Balsamiq Mockups因此,这个小工具又开始存活于我的电脑中了。在做产品设计的时候,经常会在纸上乱画,初期没有明确想法的时候用MindManager,有时候心血来潮也用Visio,大部分时候用Axure,不过我现在移情别恋到了Balsamiq Mockups上,因为有意思。...
February 1, 2010

必将改变Web的五大技术

几年前当MP3格式问世的时候,它迅速成为重量级的发明,因为出现了大量新的产品和硬件来支持它,我们在房间、车上、电话等地方都可以看到MP3;我们看到很多公司通过它发布付费音乐,而且每个人的手上都有一个MP3的播放器。 每一次当一个杀手级的发明问世的时候,都会出现许多其他产品来支持它。Web无疑就是另一个杀手级的发明,许多新的技术也迅速产生以展示、改变和更好地推动Web。以下是必将改变Web的五大技术。 Yahoo的YQL、OperaUnite、GoogleWave、PubSubHubBub、HTML5...
December 16, 2009

用户体验设计师的职责(转)

user experience design,国外叫UXD,国内也简称UE设计。我们来分析一则国外的UE设计师招聘要求,看看你还需要欠缺什么吧:我们正在寻找一名高级用户体验设计师加入我们的产品设计团队。We are looking for someone to join our growing Product Design group as a sr.user experience designer.职责包括产品创新,界面视觉引导,原型设计,与开发一起推动设计实现。Responsibilities include producing innovative,visually appealing human interface designs; creating design prototypes;working with developers to make designs a reality....
October 23, 2009

Web可用性设计的247条指导方针(转)

序:Userfocus是 英国一家专门从事网站可用性设计的咨询培训公司。它为我们分享了247条Web可用性设计的指导方针,并把它们清晰的分为九个大类:首页可用性设计、任务 导向、导航和信息架构、表单和数据输入、可信度、写作和内容质量、页面布局和视觉设计、搜索可用性、帮助反馈和容错。如Userfocus所说,“虽然易 用性系统的设计远不止应用一些简单的指导方针,但是它们却可以为获取稳定性和好的实践提供有意义的帮助。” —— 译者:IIduce 导航: 首页可用性设计(20条评估首页可用性的方针) 任务导向(44条评估网站对用户任务支持程度的方针) 导航和信息架构(29条评估导航和信息架构的方针) 表单和数据输入(23条评估表单和数据输入的方针) 可信度(13条评估可信度的方针) 写作和内容质量(23条评估写作和内容质量的方针) 页面布局和可视设计(38条评估页面布局和可视设计的方针) 搜索可用性(20条评估搜索可用性设计的方针) 帮助、反馈和容错(37条评估帮助、反馈和容错的方针)...
September 16, 2009

2008年国外最佳Web设计/开发技巧、脚本及资源总结(转)

这个时候再来转载这篇文章,确实是不早了,但是东西还是有用的,转载的是彬Go翻译的版本。 这篇文章将为大家总结08年国外一些比较不错的前端开发相关的教程、技巧、脚本、实 例及工具资源等,有一些是曾经彬Go发表过的翻译文章。实在是丰盛的需要消化很久...无论您是刚入门的前端开发菜鸟,还是有多年前端开发经验的高手,我相信 下面的这些日志总会有您需要的!...
July 10, 2009

一些流行的界面换肤控件库比较(转)

首先要说的是这是一篇老文章,不过公司最近正在研发Windows上的软件,界面长得一般般,界面制作人员制作得蛮痛苦,而且还是让设计人员觉得粗糙,于是我有稍微关注了一下善于界面控制库这玩意儿。 我承认我是好奇心比较重的人,很容易对新接触的东西产生好奇心,当然了,这个不代表对旧事物就不感兴趣了,我同时有点怀旧,准确地说是对大部分事物都有三分热度而对部分事物有十分热度的怪动物。 我已经有很多名号了,比如流氓东,所以我也不在意再多一个"好奇东"或者是"怪怪东"之类的。...
October 31, 2008

最新图片

0uwo1.jpg 0ulqlif025fzthuf.jpg gitlab_file_view.png QQ20160403-1.png gitlab-newlogo.jpg QQ20150820-1@2x.png QQ20150820-2.jpg d1.jpg compare.jpg 20130814023118336.jpg 071936023143352.jpg 071935133778301.jpg

最新评论

(function(){ var bp = document.createElement('script'); bp.src = '//push.zhanzhang.baidu.com/push.js'; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(bp, s); })();