文章关键字 ‘设计’
2012年04月11日,星期三
估计没有什么比表单更让设计师出气了。表单不一定可以让(设计师)表现创意,还是可以?我们可能需要从做基本的层面,重新审视表单,理解表单——表单是用户和软件之间的对话。
忘掉切换啊,点击什么的,表单是我们数字设计师(我想应该是依赖计算机进行设计的设计人员)将面临的最富有的交互。下一次,你要对付一个表单的时候,不要认为就是要应用好看的CSS效果或是添加漂亮的jQuery特效。表单设计的水是很深的。
我已经做过上百个表单用户测试,为保险公司、假期预订交互设计过一些非常复杂的表单,以及其他很多。可能你最近使用的某个表单就是我设计的……
阅读全文…
标签:HTML5, 交互, 用户体验, 表单, 设计, 设计师
发布在 Design相关, 外文翻译 | 6 条评论 »
2011年01月25日,星期二
“生命周期”一词基本上就是几个月前D2前端论坛的仅有的几个收获之一。
我个人将“按钮的生命周期”定义为:在上线页面上,一个按钮从诞生、完善直至最终消亡(替换/去除)的时间周期。
在程序的世界里,有些概念是比较抽象的。在web页面重构的世界里也是如此,我之前不少文章就不厌其烦地抛出“重用性”、“扩展性”这些字眼。有经验的页面工程师对这些概念有了自己感性的具体的认识,在阅读这些句子的时候可以很快的扫视过去。然而,不少新人对这些抽象的字眼其实只知道个大概,阅读的时候,很多内容都是囫囵吞枣式地咽下去,不知所以然。
…
设计风格影响按钮的生命周期;这个按钮需要有多长的生命周期决定了这个按钮的设计风格!
…
阅读全文…
标签:css相关, D2, 前端, 按钮, 生命周期, 自适应, 设计, 重用性, 高度自适应
发布在 CSS相关 | 20 条评论 »
2010年03月18日,星期四
道家是以老子、庄子为代表的中国春秋战国时期诸子百家中最重要的思想学派之一。道家思想以其独特的宇宙、社会和人生领悟,在哲学思想上呈现出永恒的价值与生命力。
在众多的道家思想内容中,其非常重要的一个核心思想:顺其自然,无为而治,我是非常之推崇,这种哲学思想已经深深地影响到了自己的为人处事,思考问题的方式。
本文就将通过“顺其自然,无为而治”的思想,讲述我对网页页面重构的一些思考。揭示一些规律,希望能对您有所帮助。
阅读全文…
标签:css相关, Google, html, web综合, 哲学, 布局, 简洁, 设计, 道家思想, 页面重构
发布在 CSS相关 | 13 条评论 »
2010年03月12日,星期五
对于很多网站的大标题都是有一定的文字效果的,比如渐变就是常用的效果,而这些效果往往都是由世界上最厉害的美容产品photoshop做出来的,一个效果就是一张图片,所以,要是要10个不同的文字标题,可能就要制作十张带有渐变效果的文字图片了。
而实际上,无需使用多张photoshop图片,只要一张小小的图片在配合CSS就能实现各个文字内容的渐变效果。
本文就将展示如何使用CSS,配合一张小小的图片实现文字的各种上佳的效果,没有JavaScript,没有flash,纯粹的CSS,兼容各个浏览器,Firefox,chrome,Safari,甚至已经被微软做了葬礼的IE6也可以降服。
阅读全文…
标签:css相关, IE6, photoshop, png, 效果, 文字, 渐变, 设计
发布在 CSS相关 | 2 条评论 »
2010年01月19日,星期二
如今,海报可谓数量众多,层出不穷,然而,真正能够吸引人的又有多少呢?很明显的,海报的设计可以说是电影宣传中最重要的事情之一了,没有什么可以比海报更富创造性和吸引力来吸引大家的眼球了。本文讲展示60和极富创造性的电影海报,是浏览很多网站,不断收集信息,汇总在这里的。几乎每个海报都有她独有的颜色,风格,体裁和构图。现在我们一起来享受这场视觉盛宴吧。
阅读全文…
标签:photoshop, 平面设计, 海报, 翻译, 视觉设计, 设计
发布在 Design相关 | 没有评论 »
2009年12月12日,星期六
这几天,我是反复在看马化腾马老板在腾讯内部会议上关于产品设计与用户体验的讲演材料——产品设计与用户体验的ppt。受益匪浅,感触颇多。然而,本文不是将用户体验,更不是产品设计,而是就ppt中提到的几个小的有关体验方面的问题的技术实现。实现均是以jQuery为环境,主要是为了代码简单,因为本文涉及三个实例,不是写论文,搞长了不好。
本文主要就讲了三个与体验有关的技术点。一是个性化换肤,关键点在于css切换与cookie,里面提供了的cookie的jQuery插件值得一看;二是文本框的全选,关键点在于focus并select;三是半透明背景下的浮动层提示,关键点是黑色背景的满屏显示以及浮动层的居中定位,文章提供了一些简单的取巧的方法。
文章提供马化腾老板关于产品设计与用户体验的flash幻灯片,提供详细的demo页面以及一些截图。才疏学浅,叙述有误或代码缺陷欢迎指正。旨在交流,如果能对您有所帮助就再好不过了。
阅读全文…
标签:cookie, css相关, javascript, jQuery, plugin, 体验, 换肤, 插件, 用户, 腾讯, 设计, 马化腾
发布在 Web综合 | 7 条评论 »
2009年12月7日,星期一
什么是像素的世界?如果您现在正在电脑前看这篇文章,那么您现在看到的就是像素的世界。本文的中心思想就是传达我们眼前所见都是由像素构成的这个意识。为了是让我们多一种思维的角度,对于我们web设计与开发有所帮助。内容多是个人的观点,可能会有不正确之处,欢迎指正,欢迎交流。提供必要的demo页面,配合丰富的插图,希望对您的学习有所帮助。
阅读全文…
标签:css相关, flash, photoshop, 像素, 分辨率, 图片, 显示器, 网页设计, 色彩, 设计, 颜色
发布在 Web综合 | 10 条评论 »