首页 > 前端UI在站长的眼中和非极客的眼中是否审美一样的?

前端UI在站长的眼中和非极客的眼中是否审美一样的?

我在前端的开发中,基本精确到每个像素,比如margin-left:327px还是margin-left:326px都会纠结很久,为了考虑到阴影效果,在HTML5下用box-shadow,在IE下用图片拼接,或者border-radius或是text-shadow等等,在内行人士看来,会认为这个前端UI很漂亮,但是在非极客的眼中,他们会注意这些么?我们有必要在这上面下功夫吗?
以京东闪购(http://red.jd.com/)为例:
这是一个图片hover前的状态

现在hover后

我们可以看到这个在hover后京东的前端在上面增加了一个半透明黑的cover层,并且底图加了毛玻璃磨砂效果,这个在IE下也能实现,CSS3和IE的filter都可以blur,并且在hover时那三个六边形也实现了CSS3的旋转变换的效果,这个在内行人士看来做得非常精美,但是普通人也许毫无感觉,京东并非面对极客,何必在这上面大费周章?也许下面一个“我们”认为很普通或者狂妄一点叫做没太多前端技术含量的网站,反而是广大不明真相群众认为最好看的网站:

那我们是否有必要纠结前端CSS技术,不加任何渲染,平铺直叙,反而更适合网民的视觉习惯,毕竟大部分网民不是极客,他们不会带有任何鉴赏前端UI的心态来浏览网页,试想想你在大学时的大学选课系统或是大学教务系统里,你注意过它的UI吗,这样的话我们有必要还来纠结UI这些细节吗?


做出来的东西自己都不觉得好看能放得出来?我们是有”逼格“的好么(玩笑性质)...首先得过了站长这关,最后才能到用户眼中。所以一些好的网站都是“前端设计”+“用户综合品味"的一个结合体。就拿京东的这个例子来说,你认为无关紧要的东西,网站开发/维护人员觉得非常赞的东西他们就会加上(如果没时间限制的话)。反正不影响用户体验还愉悦心情,最重要的是还能抓取同行的好奇心,何乐而不为?

p.s. 原来你是做前端的苣蜀OAQ..看着你提过的问题我还以为是做PM的呢OAQ...


一踩送上不谢。说真的,我给问题的大多数的踩都是你收下的,有时我都有点觉得够了。

不要割裂事物的不同角度

网站的整体设计,要用不同的角度看待之。

内容为王,一个网页只有Lorum ipsum是没人看的。但前端样式上,如果只用CSS默认样式,浏览者同样会看得很痛苦。

内容样式是一个硬币的两面,甚至互相有所关联,不能用一方面推翻另一方面。就拿内容本身来说,怎样突出重点、隐藏次要信息,最好的展示内容,这本身就是排版、字体等样式技术所管理的部分。

就像数学上两个平面坐标不能单纯的比较大小一样——不要把比较事物的不同角度没有道理的混合在一起。这种行为用一个词形容就是“混淆视听”。

基本样式有其优势,先锋样式有其价值

基本样式技术成熟、容易使用,没人否认这一点。但如果基本样式能够解决一切,那我想苹果和微软也就不必发明极简扁平UI这种东西了。

世界是会变的。最早的Web中认为结构就是结构,后来用排版来表现结构,再后来用图片和颜色装饰结构,但在这之后呢?

我觉得Web样式设计迟早:(1)让网页自身的结构不再是死的,更加灵活;(2)将更复杂的动画效果引入样式。而要这样做,就需要在样式上引入新的方法论。这样就要看下一节——

如果不甘沦为庸才,就不要嘲笑先锋

“汽车之父”福特评价“客户需求”有这样一句名言:

人们在知道汽车之前,总是想要一匹更快的马。(注:汽车时代之前是马车时代)

技术不光能够按照客户的心意解决需求,更可以其本身的发展去推动和催生需求

互联网快速部署、快速更新的性质,造就了这个行业轻科学重技术的气氛。一项技术往往经历非常短暂(甚至没有)的实验室阶段,就投入到市场和社区中进行检验。

所以互联网上会看到很多技术突然出现,突然实践,而后突然消失,整体上甚至有一点“炫技”的意味。——如果是别的行业,也许不太妥当。但在互联网行业,这必须给予鼓励。因为不停的创造和迭代,这是互联网的生机之源。

在这个行业里,没有什么实践是不合理的。请一定不要嘲笑先锋——嘲笑先锋的结果必然是自己被远远的甩在时代之后。

首页平铺直叙,并非完美无缺

不客气地说,你后边的这个XX健康网这个例子,是首页羊群效应的一个典型例子。

如果让我去讲前端,我宁可把这种做法,视为毒害首页设计的头号反面教材

首页作为网站最宝贵的空间,在网站中往往被各个部门、各个力量所争抢。把首页比作一个牧场,每个部门都想往牧场里放一只自己的羊,最后让首页塞进了很多很多的入口点,网站所有内容都放上了从首页一键直达的链接。这就是首页的羊群效应。网页的制作者思想跟不上,或者没有获得充足的授权,就相当容易做出这样的实践。

但从内容结构的设计上来讲,这种结构是极不可取的。因为网站的内容结构一般是层次型的,人们像查字典一样,将范围逐步缩小,才能找到便于查询和使用的功能区域。把原本已经归好层次的内容拆开,变成没有层次的平摊结构,这是把有序变成无序的退化。

从观感上来讲,这种首页的结构也是相当差的。因为这样就让每个访问者需要的内容,都淹没在了无关信息的汪洋之中。每个访问者都必须人肉过滤,费尽时间才能找到自己想要的入口。

这也就是羊群效应的结局了:对每个人而言,塞进自己的一只羊都是有利的。但大家都这样做,整个牧场就无情的被毁灭了。

首页平摊一切,这种做法已经被当前的Web设计所抛弃。现在很多网站都在首页上主张“极简”,这就是在思想上与旧的错误行为做的极端对抗。

也许极简不能适应一切,但简化首页,让首页回归大尺度分类导航的本源,而不去妄图做“所有内容的入口点”,这是前端工程师必须有的意识。不要忘记2/8定律——垃圾永远是大多数,不能认为旧实践应用广泛就没有理由的认为是“对的”。

对思维的守旧和谬误视而不见是可怕的

有问题视而不见,没有问题却以非逻辑的思路“制造”问题,这是取乱之道。逻辑说不通还自作聪明,去长篇大论的做自说自话的所谓“分析”,这个行为方式,和坚持这种行为方式的人都是相当可怕的

无意和你个人作对,但也请理解我无法忍受你的思维方法上若干的守旧和谬误。——实际业务中的行为可以妥协,但如果在只属于自己的思想上也要妥协,并且还要为之摇旗呐喊……我相信不止有我一个人会这样评价你:“无法理解”。

【热门文章】
【热门文章】