标签归档:Design 设计

网站设计及平面设计相关文章……

《用户体验的要素》(三)如何运用以用户为中心用户体验的五大要素?

在我之前的两篇读书笔记《用户体验的要素》[] 和 [] 中简单介绍了著名用户体验设计师 JJG 以用户为中心的用户体验要素模型 用户体验是一个非常注重细节的工作必须花费大量的时间和精力,回头看看用户体验的五个要素:表现层 surface 框架层 skeleton 结构层 structure 范围层 scope 战略层 strategy 似乎有大堆的工作要做需要由专业人员组成的团队来完成,似乎是这样但在《用户体验的要素》一书的最后章节作者却不这么认为…… 继续阅读

Mockups – 优秀易用的手绘风格互联网产品原型设计工具

对于互联网产品如网站从产品概念构思到实体开发的第一步通常是 “产品原型设计” 这也通常是交互设计师及用户体验设计师最熟悉的操作步骤,具体工作内容通常包括绘制网站的低保真框架图并搭配大量注释旁注及流程说明。提起产品原型设计多数人会想到 Axure 但对于很多中小型公司来说 Axure 显得过于臃肿且功能过于强大非常适合高保真的产品原型制作,但在产品原型初期很多设计师并不需要过于精准的高保真原型而更多设计师更喜欢采用纸笔的方式制作低保真原型,今天介绍的这款手绘风格的设计软件 Mockups 是一款来自加利福尼亚 Balsamiq 工作室基于 Adobe AIR 技术开发的产品原型设计工具由于基于 AIR 技术所以可以很方便的跨操作系统和跨平台甚至无需安装只要有一个支持 Flash 的浏览器即可…… 继续阅读

小站换新衣了 新的 WordPress 主题

可能你已经看到了本博换了一件新 WordPress 衣服,最近花了点时间重新做了一个 WordPress 主题,并没有太多的设计成份,毕竟一个小小的博客还是应该以内容为主的,新主题使用了一些 CSS3 的特性及 Win7 的新字体,所以 IE 浏览器可能无法获得最佳的显示效果,建议使用 Firefox 或者 Chrome 等符合 W3C 标准的浏览器,不仅仅是为了某个网站,更为了广大的网站前端工作者,我们比任何人都期待 IE6 的彻底消失。虽然从统计数据上看本站的 80% 的访问者都在使用 IE 浏览器,但今天可能要对其中 44% 的 IE6 用户说抱歉了,本主题暂时未计划处理 IE6 的兼容性问题…… 继续阅读

【网页设计】网页交互设计建议与法则 之 可用性 易用性

人们在制造各种工具或产品时都需要首先遵循“易用性”及“可用性”等基本需求,首先你的产品使用起来要容易上手,操作简便。否则,即使再前卫时髦的概念产品都不可能形成大众化。在“网页设计”上尤其如此,这里从 smashingmagazine.com 上摘录了文章“10 Useful Usability Findings and Guidelines”中描述的十条对于网站可用及易用非常有帮助的建议。 继续阅读

浅谈 网页色彩颜色配色搭配 (二) 技巧篇

前面《基础篇》里面介绍了网页色彩颜色的配色最基本的一些常识,在本文《技巧篇》将给介绍一些容易掌握的原理及技巧,虽然成为一个优秀的网页设计师可能需要很长时间的经验积累,但一些原理和技巧是很容易通过一些小的练习掌握的。

继续阅读

浅谈 网页色彩颜色配色搭配 (一) 基础篇

网站的色彩搭配是树立网站风格及文化形象的关键之一,包括 背景、文字、图标、边框、超链接 等等元素,应该使用什么样的色彩,应该如何搭配才能最好的体现企业文化或者网站风格定位,应该如何使用色彩是初学网页设计所遇到一个比较难处理的问题,特别是非美术科班类专业出身的朋友在接触配色及色彩搭配的时候往往是一头雾水不知所措,这里将收集一些关于色彩搭配的基本知识或技巧,希望对初学者有些帮助。

继续阅读

《用户体验的要素》(一)用户体验的“重要性”及“以用户为中心的设计思想”

从事网站前端工作已经将近有三年,对于“用户体验”这个话题的讨论虽也从未间断,但却苦于寻找到一种结构比较清晰的理解,一个极其偶然的机会拜读了 Jesse James Garrett 的 < The Elements of User Experience > 一书,顿时豁然开朗。于是整理了一些文字摘要,希望能给即将加入网站前端工作或已经是同行的朋友们一些帮助或启发,当然一本好书不是三言两语所能概括与描述它的精辟之处的,这里只是一些关键点的摘抄与总结。 继续阅读

界面设计的无奈 外观 or 数据 ?

但凡从事外观界面设计的朋友或许都有和我一样的经历,碰上过这样类似的情况,当你穷尽思想和经验拿出一套自认为不错的方案摆在上级领导或协作同事面前时,得到的甚至极有可能是一些设计上被认为不符合多数用户习惯的建议或意见。

记得那是以前在做一个小型产品展示网站时,我将产品描述正文部分放在左边并占据页面 70% 左右的宽度而将右边剩余的 30% 宽度空间给了相关产品列表及边栏广告等元素,在我们看来是再简单不过的页面,新浪这样做、腾讯这样做、包括谷歌也是如此,因为我们了解一个简单的规则,人们的视线习惯由上到下由左到右,我们需要把重要的内容放置于醒目的位置,而我的客户却告诉我,他更习惯也更喜欢将边栏放置于左边。

继续阅读

使用 ID 和 Class 要点

最近看了不少网页的源代码,发现大家对于一些标签的使用习惯特别是关于 ID Class Name 的使用并不太一致,或许对页面呈现结果并没有影响,但对于我们一直高呼 W3C 标准的时候,这样个性的做法无疑会给你的团队带来不大不小的麻烦。考虑到我自己没有权威性,这里我翻阅了一些大家比较推崇和公认的权威资料,结合我自己平时工作中碰到的问题简单描述一下…… 继续阅读