Results matching “设计”

知情权与用户体验

用户应该有哪些权利?在系统设计中,设计/架构师处于顶层,而用户往往位于底层(应用实践),对于系统的了解程度而言也仅限于使用。所以有人认为用户体验和知情权是相矛盾的,用户只需知道他所进行的操作足以,至于"是什么","为什么"之类的问题完全不需考虑,但是这样和"盲人瞎马"又有何异?用户对系统的熟悉程度不一,应用操作中他们常常会遇到这样那样的问题(尤其是初级用户),于是积极型的一部分(约30%)采取咨询(如果在恰当之处留有电话或者邮箱等联系方式的话,采取电话方式的又会占据其中的80%以上),大部分在简单尝试之后就会放弃了。这种带来茫然无助感导致放弃的体验显然是非人性化的。我认为用户应该具有一定的知情权,因为在生活中,我们也是用户,只有切身体验才会带来的换位思考。

原型法(Prototyping)

原型就是模型,而原型系统就是应用系统的模型。它是待构筑的实际系统的缩小比例模型,但是保留了实际系统的大部分性能。这个模型可在运行中被检查、测试、修改,直到它的性能达到用户需求为止。因而这个工作模型很快就能转换成原样的目标系统。原型法是计算机软件技术发展到一定阶段的产物。与结构化系统开发方法不同,原型法不注重对管理系统的全面、系统的详细调查与分析,而是本着系统开发人员对用户需求的理解,先快速实现一个原型系统,然后通过反复修改来实现管理信息系统。

站改版,忙个半死。从之前的用户调查分析总结,到样图设计、网页成型,浏览器兼容问题css和xhtml验证,终于搞的差不多了,尤其是及众多的吸引眼球的小图标煞费苦功也。页面中部还有个大幅更换图片,作为单位每段时期重点推荐的项目,本想可频频更换,只要有人提供,结果却是要自己来做,所有费心思的设计都是给自己上的套,生怕绳子不经用,加粗加韧后再套到自个儿颈项之上,何苦也。

斜角菜单的CSS制作

前些日子设计站点时,看到了一些斜角菜单的导航形式,如Indiana University Library .等少数国外站,但是大概查看一下代码,多为js实现,害怕兼容问题,没有使用。不过如今,利用纯CSS也可以实现斜角菜单了。关键在于倾斜的平行四边会造成首尾两个按钮的重合区,因此设置背景就是重点。设定时需固定li a 的宽度为单个倾斜四边形的宽度。然后使用相对加绝度定位调节他们相互的距离。让他们首尾有重叠区域。也就是切图时候拉开,定义时候拉近,很简单的思路。这样背景需要用到通明gif 或者png,才会放置重叠区域相互遮挡效果还是很绚的。

效果图. :


 

CSS特效之:让select框"隐身"

本想做个select option框完全隐身的效果,查找了诸多资料,结果发现《网页设计专家门诊》上的方法最为可行,也就是做两个层,下面的为设定的select选项框,而上面的层设定width和height小于select框,相当于作图中的遮罩,则可以做到将select框的上下左右边框隐藏,但是下拉框的箭头就不行了--即如要达到"隐身"的效果几乎是不可能的。无奈,CSS一旦碰到win的组建,简直就是秀才与兵~

问题还是需要解决,设计效果需要尽最大的力量来实现,如果不行则修改设计方案,这是后话了。重新审视问题后发现,需求是实现"下拉框隐身的效果",并非是"让下拉框隐身",那么同样的效果则可以有不同的方式,其中使用CSS下拉菜单是最简单和最可行的。

用CSS可以轻松实现各种各样的链接和hover效果,实现方法也很简单,多为在a和a:hover属性中设置不同的背景属性(background-color 或者background-image),边框(border--left,bottom ...)以及根据背景配置的字体属性(font:bold size #color )等,所谓设计效果的优劣,其实不外乎各种属性的搭配组合效果,只要够耐心,肯定能出彩,ul和li属性(list-style-image)类似,俺就不赘述了。下面几张是利用这些小技巧作出的效果:

CSS特效之:滤镜

近期工作之需又开始了DIV+CSS的工作。网站改版中为了实现设计效果,遇到了一些问题,也因此学习了一些CSS特效技术,例如图片效果。

记得以前做过一些图片效果,好像是用js实现的,用mouseon设置半透明等特效,代码如下:

信手·生手

鉴于大家都不会矢量软件作图,于是"美差"总是无一幸免的花落我家,不过这回朋友帮忙性质居多,呵呵。还有一个不得不提的原因--四"不"之幸--有幸"任务不难,要求不高,时间不多,美图久不作(心痒痒)",于是信手捻来。