如何提高网页设计的功力
网页设计的路程无穷无尽,那么如何提高网页设计的功力呢,下面由小编带来九条秘诀。
NO1 探索问题
很多设计师开始项目后就一屁股坐下埋头苦干,从来不做与项目相关的研究,他们的思考过程通常是这样的。
不,别这样
我知道CSS很好,但设计一个界面或一种体验是为了解决一系列的问题。别老从网上找那些不搭的素材、脑残的字体和丑过凤姐的配色方案,你真应该找找解决问题的方法,当然这些问题可能包括以下几方面:
- 在移动设备上没有经过优化
- 在屏幕上的阅读体验不好或色盲的人看不见
- 加载时间超过了12秒
- 没能马上体现出APP的价值
- 注册流程步骤太多了
NO2 去了解你的用户
当你弄清楚你的用户如何去使用产品,问题就变得容易解决了,因此在你开始动手之前,先尽可能地去了解你的用户。
- 他们的平均年龄是?
- 他们用什么的浏览器?
- 他们怎么找到你的网站的?
- 他们想从你的网站得到什么?
- 你想从他们身上得到什么?
NO3 学学画线框图吧
好吧,现在我知道用户是谁,且知道用户在使用过程中遇到啥问题了。那么我是不是可以马上开始重新设计的我首页了?对么?
错
用户体验设计中最常见的错误就是总是很本能地从首页开始设计,普遍来说,首页的确可以引导用户来达成你的意愿,但是在很多情况下,也许日志才是用户先开始浏览的内容,因此不一定非要使引导页作为首页。
首先,把你网站的所有入口都列出来。然后,你终于可以从最重要页面开始设计了,拿起笔纸,用线框图来规划一下这个页面的内容。想想你应该如何引导用户,你是想引导他们去为你的文章点赞?还是想展示更多相关的内容给他们?又或者引导他们去到首页?须注意的是,如果提供了太多的选择和引导,可能用户会最终什么也不做。另外,要确保每个内容的添加都应该有它存在的理由,它必须有目的、能解决问题,如果没有这些前提,删掉它吧。
重复这些入口,不管用户在哪里输入你的网站,都应该让用户轻松地完成任务并达到预期。
NO4 有效地传达
你的工作就是用最迅速、有效、可行的方式来向你的用户传达信息。视频和图片是非常有效的沟通形式,多研究一下那些经过精心设计的网站,通常他们是如何通过图片和图标等来表达意图的。
不要使你的用户产生不必要的疲劳,绝大多数用户都是“快速浏览”网页,而不是“阅读”网页。让用户可以通过内容的标题来快速找到他们感兴趣的内容,而且标题应该尽可能地简短和有吸引力。多尝试,直到找到更简单有效的传达方式。
长篇大论么?
好一点了.
又酷又前卫!
-
JavaScript经典效果集锦
些很实用且必用的小脚本代码:脚本1:进入主页以后自动播放声音脚本2:进入主页后自动最大话,省的去在自己单击了To(0,0)zeTo(lWidth,lHeight)脚本3:显示现在时间的脚本enow脚本4:显示最后修改时间的.脚本e(Modified)脚本5:设为首页,加为收藏,加入频道,启动outlook...
-
JavaScript插件化开发方式
一,开篇分析今天这篇文章我们说点什么那?嘿嘿嘿。我们接着上篇文章对不足的地方进行重构,以深入浅出的方式来逐步分析,让大家有一个循序渐进提高的过程。废话少说,进入正题。让我们先来回顾一下之前的Js部分的代码,如下:复制代码代码如下:functionItemSelector(elem,o...
-
ASP.NET新型的投票结果显示方法
一个投票功能模块少不了查看投票结果,用进度条显示各个投票结果可以起到一目了然的效果。以下是我的方法,请大家不吝赐教:1:做一张图片用于做进度条,只需要很小的一个图片就可以了,如高20px,宽1px。2:在要显示进度条的单元格中插入image控件,其imageUrl设置为已做好的...
-
如何理解Javascript的caller,callee,call,apply区别
在提到上述的概念之前,首先想说说javascript中函数的隐含参数:argumentsarguments该对象代表正在执行的函数和调用它的函数的参数。[function.]arguments[n]参数function:选项。当前正在执行的Function对象的名字。n:选项。要传递给Function对象的从0开始的参数值...