UI
文章平均质量分 81
w617280955
文章大多为转载,只是为方便才转来,切不要纠缠版权问题!
展开
-
A LITTLE ABOUT UI
先把目录留下,免得写乱了。。第一章: UI浅论 —— 主要讲解一下UI这个行业的相关知识。第二章: UI设计基础 图形设计 —— 这部分主要讲UI设计中图形设计方面相关的内容。第三章: UI设计基础 可用性和交互设计 —— 这一部分的内容不会写很多,因为实在是涉及面太广了。第四章: 企业级Web应用用户界面设计与开发简介 —— 着重阐述其与网站等小型应用在设计和开发上的不同之处转载 2011-11-29 10:34:23 · 845 阅读 · 0 评论 -
UI设计的概念
虽然很早就知道UI设计,也做了一些关于UI设计的事,为杂志做了几期UI设计的专题,心理好像理解了UI设计的概念,然而当别人问起我时,我却也说得含混不清,最后只能说“这是一门很复杂的学科,涉及了很多方面”,以此结束别人的提问。为了不让这种事再继续发生,我把自己在接触UI设计过程中的知识进行了整理,系统地阐述一下UI设计的概念。—————————————————————分割线———————————转载 2012-04-06 15:29:47 · 2258 阅读 · 0 评论 -
管理信息系统的界面特点
理解了什么是浏览器/服务器架构,就了解了什么是Web应用程序。常见的计数器、留言版、聊天室和论坛BBS等,都是Web应用程序,不过这些应用相对比较简单,而Web应用程序的真正核心主要是对数据库进行处理,管理信息系统(Management Information System,简称MIS)就是这种架构最典型的应用。MIS可以应用于局域网,也可以应用于广域网。目前基于Internet的MIS系统以其成转载 2012-03-27 13:45:02 · 5007 阅读 · 0 评论 -
网站类型
一、资讯门户类网站 本类网站以提供信息资讯为主要目的,是目前最普遍的网站形式之一。这类网站虽然涵盖的工作类型多,信息量大,访问群体广,但所包含的功能却比较简单。其基本功能通常包含检索、论坛、留言,也有一些提供简单的浏览权限控制,例如许多企业网站中就有只对代理商开放的栏目或频道。这类网站开发的技术含量主要涉及到三个因素: 1、承载的信息类型。例如是否承载多媒体信息,是转载 2012-03-27 10:28:38 · 994 阅读 · 0 评论 -
网页设计中的常用表单设计技巧
“输入框( Input )应当符合逻辑地划分为小组,这样大脑就可以很好的处理大堆区域间的关系。”– 《HTML权威指南》Web应用程序总是利用表单来处理数据录入和配置,但并不是所有的表单都保持一致。输入区域的对齐方式,各自的标签(label),操作方式,以及周围的视觉元素都会或多或少影响用户的行为。表单布局考虑到用户完成表单填写的时间应当尽可能的短,并且收集的数据都是用户所熟悉的(比如转载 2012-02-23 19:08:10 · 484 阅读 · 0 评论 -
UI规范使用体会
优点(在资讯类页面中表现比较突出):1. 清楚一致的设计提供一种稳定、一致的感觉,使得界面熟悉而又可预测。2. 有良好的直觉特征如链接色制定为蓝色,重点内容标注为红色,符合用户日常积累的知识和经验,使用户阅读起来容易上手。3. 较快的页面响应速度有助于代码制作的简洁,缩短页面下载速度。4. 提高工作效率统一的模块化定制转载 2012-02-23 18:23:48 · 468 阅读 · 0 评论 -
15 个用户体验设计剖析
用户界面和用户体验(UI/UX)是任何产品成败的关键,尤其 Web,Web 是一种公开的,可以被任何人随时随地访问的特殊产品,用户的体验几乎意味着一切,虽然内容更重要,但内容可以替代,体验却是独一无二的,本文分析了15个 不同的 UI/UX 案例,优秀的用户体验给我们带来的启发是无价的。内容滚动中的运动视差效果 Parallax scrolling 是让多层背景以不同的速度移动,形转载 2012-02-23 17:40:11 · 774 阅读 · 0 评论 -
产品经理与交互设计师的合作
产品经理和交互设计师的职责是不同的,虽然很多公司由于成本考虑把这两个岗位合二为一了。然后他们之间在专业性方便的确有比较大的差距。希望能在产品经理与交互设计师的合作方面做些探讨。在互联网这个圈儿里,中国人闹了不少笑话了,所谓笑话就是做了些不专业的事儿,还特喜欢把自己的不专业贴上“有中国特色”的标签来炫耀。其中一件不专业的事情就是对于“产品经理”与“交互设计师”的分工。我非常熟悉某些产转载 2012-02-23 18:21:33 · 938 阅读 · 0 评论 -
Web可用性设计的247条指导方针
序:Userfocus是英国一家专门从事网站可用性设计的咨询培训公司。它为我们分享了247条 Web可用性设计的指导方针,并把它们清晰的分为六个大类:首页可用性设计、任务导向、导航和信息架构、表单和数据输入、可信度、写作和内容质量、页面布 局和视觉设计、搜索可用性、帮助反馈和容错。如Userfocus所说,“虽然易用性系统的设计远不止应用一些简单的指导方针,但是它们却可以为获取稳定 性和好的实践提转载 2012-02-23 18:18:27 · 631 阅读 · 0 评论 -
10个提高网站可用性的实用技巧
不论是企业网站、个人博客,或者购物网站、游戏网站,我们都希望能吸引访问者并且给他们留下愉快的访问体验。可用性是用户体验的一种度量,它可以用访问者完成网站功能的方便程度来描述——无论是通过自身知识还是通过学习新方式来完成这种功能。我认为Jakob Nielson的解释非常到位,他说:可用性是评估网站易用程度的一种属性。同时“可用性”这个词也指在设计过程中提高易用性的方法。在本转载 2012-02-23 18:14:07 · 531 阅读 · 0 评论 -
在新窗口中 vs 在同一窗口中
作者:Fred.ren 来源:DIV之家(转载请注明)是在新浏览器窗口中打开链接?还是在原有窗口中打开链接?目前有三种做法:1.始终在新窗口中打开2.始终在同一窗口中打开3.索引页之间在同一窗口中打开,具体的信息页在新窗口中显示。第一种和第二种做法比较容易使用户建立起正确的心理模型,也就是说,用户很容易理解,但是这两种做法都存在一定缺陷。转载 2011-12-05 16:12:52 · 1256 阅读 · 0 评论 -
怎样设计web“帮助页面”更有效 作者:Fred.ren 来源:DIV之家(转载请注明)
用户在使用web服务的时候遇到问题,就可能会想到“帮助页面”。其实“帮助页面”只是狭义的“帮助”,用户在人机交互过程中的任何一个提示,一个说明都属于“帮助”的范畴。2 用户更喜欢在实践中学习,而不是通过“帮助页面”用户总是忙碌的,他们所有的操作都是为了完成他们的目标,用户并不关心用什么方式和为什么用这样的方式来完成他们的目标。所以他们对待系统的“帮助页面”总是冷漠的。用户更喜欢在实践中学转载 2011-12-05 14:50:00 · 2738 阅读 · 0 评论 -
精选31个网站界面设计实践教程
设计一个网站从来都不是一件容易的事。如果你去询问一位在该行业有丰富经验的网页设计师,他会告诉你以前根本没有太多关于Web设计/开发的资源、文章和各种沟通交流平台,更不用说高质量免费教程了。 如果您打算建立自己的个人网站或者重新设计您的博客的主题,现在看来已经不是很难了。这要感谢那些慷慨的设计师和撰稿者们,现在互联网充满着各种很棒的教程来帮助你逐步建立自己的网站界面及导航。这篇文章只是让大家浅转载 2011-11-29 11:39:15 · 510 阅读 · 0 评论 -
目前比较全面的CSS BUG浏览器兼容知识汇总
从网上收集了IE7,6与Fireofx的兼容性处理方法并整理了一下.对于web2.0的过度,请尽量用xhtml格式写代码,而且DOCTYPE 影响 CSS 处理,作为W3C的标准,一定要加 DOCTYPE声明。CSS技巧1.div的垂直居中问题 vertical-align:middle; 将行距增加到和整个DIV一样高 line-height:200px; 然后插入文字,就垂直居中了转载 2011-11-29 11:43:20 · 922 阅读 · 0 评论 -
分辨率
分辨率(resolution,港台称之为解析度)就是屏幕图像的精密度,是指显示器所能显示的像素的多少。由于屏幕上的点、线和面都是由像素组成的,显示器可显示的像素越多,画面就越精细,同样的屏幕区域内能显示的信息也越多,所以分辨率是个非常重要的性能指标之一。可以把整个图像想象成是一个大型的棋盘,而分辨率的表示方式就是所有经线和纬线交叉点的数目。A4纸的尺寸是210mm×297mm,转载 2012-03-23 12:54:22 · 542 阅读 · 0 评论