分享
iXcol's Blog
网页设计是一件很繁琐的事情,因为在设计时要考虑很多事情。为了简化网页设计这件事,本文列举了每个网站设计者都应该考虑的行为准则,包括能做什么,不能做什么。放心,这些准则都是一些很简单的原则。
设计网站时,应该做什么
1、在不同设备上采用相似的设计
用户可以通过不同类型的设备访问你的网站,这些设备包括:电脑、平板、手机、音乐播放器、甚至是智能手表等。无论用户使用什么设备访问你的网页,确保他们具有类似的体验,这是用户体验设计中的一条重要标准。
2、导航的设计要简单易用、清晰明了
导航设计是网页可用性的基石。记住,如果用户在你的网站里找不到导航,那么无论你的网站有多少都没用用。这也是导航设计要遵循以下原则的原因:
- 简单。每个网站都应该有尽可能简单的结构。
- 清晰。导航的每项对用户而言,都应该是清楚的。
- 一致。系统的导航页在每一页中都应该是相同的。
- 用户以最少的点击次数,最快地到达他们想要浏览的网页。这才是导航设计的目的。
3、 改变访问过的链接的颜色
链接是导航的一个关键因素。假如用户点击过的链接没有改变颜色,很可能导致用户多次点击同一个链接。
如果用户知道自己过去访问的链接和现在还未访问过的链接,那么用户会更容易决定自己下一次要点击什么。
4、让页面浏览变得更容易
用户浏览我们的网页时,并不是通读所有的内容,而是快速地扫描整个网页。因此,如果用户来到这个网站,是为了寻找特定的内容或者是完成某个任务,那么他们会先浏览整个网页,直到用户找到了自己想要去的地方。因此,作为网页设计者的我们,应该通过设计网站可视化的层级架构帮助这些用户尽快达成自己的目的。可视化的层级架构意味着网页上每个元素的摆放或呈现都具有权重(比如说,我们的设计决定了用户先看到哪个,再看到哪个,最后看到哪个)。
我们在设计网站时,要确保网页标题、登录注册按钮、导航栏或其它同等重要的元素放在用户很容易看到的地方,以减少用户寻找的时间。
用户的视线是Z字形的。
5、仔细检查所有的链接
当用户点击网站上的一个链接,界面上却出现404的错误页面时,用户很容易变得沮丧。当用户在网站上寻找内容时,他们希望自己点击过的每个链接都是自己正在寻找的那个,而不是出现404的错误页面、或者点进去后,却发现不是自己寻找的那个页面。
6、确保能点击的元素让用户看起来就能点击
一个物体的样子会告诉用户如何使用它。看起来像按钮或链接的视觉元素却不能点击,很容易困扰用户,这些视觉元素包括:文字下划线并不代表链接、拥有动画效果的元素也不是超链接。用户想要知道界面上哪些区域是纯静态内容,哪些区域是可以点击的。
让可以点击的元素明显一点。
如上图,你认为那个橙色的框是个按钮吗?相信很多人都觉得它看起来像个按钮,但其实它并不是。
设计网站时,不该做什么
1、不要让用户等
网站用户的耐心和注意力是非常小的。根据NNGroup的研究,10秒是用户集中注意力完成一个任务的极限。
当用户在等待内容加载时,他们很可能会变的沮丧。如果加载速度很慢,用户很可能会离开这个网站,即使是足够漂亮的加载动画设计也无法改变这个结果。
图片来自网络
2、在新标签页打开链接
在新标签页打开链接的设计让用户无法使用“返回”按钮返回之前的页面。这是非常不好的设计。
3、整个网站充斥着广告
促销和广告会掩盖网站里的内容,也会让用户很难集中注意力去完成任务,更不用说那些看起来像广告的事情常常会被用户忽略(这种现象被称为:旗帜盲点)。
4、滚动劫持(Hijack scrolling)
滚动劫持是指:网站的设计者或开发者控制滚动条,从而使得用户在滚动鼠标时,会在网站上看到不同的效果,包括动画效果、固定的滚动点、甚至是重新设计过的滚动条。滚动劫持是用户最不喜欢的设计之一,因此,它夺取了用户控制滚动条的权利。当你设计网站时或设计用户界面时,你应该让用户自己决定自己浏览的网页或APP的位置。
如上图,这个页面就采用了这个设计效果。它使用单页面平行布局的方式,用右边的点来代替每个页面。
5、自动播放视频(有声音)
在后台自动播放视频、音乐或声音文件,都是用户难以接受的设计方式。用户很少使用这些元素,除非是在适当的时候。
Facebook会在网页上自动播放视频,但是在静音状态。但是当用户意识到自己在看视频时,用户可以自己点击屏幕决定声音的有无以及大小。
6、为了网站的美观牺牲网站的可用性
一个网站或用户界面的设计不应该因为内容影响用户的消费能力。最好不要在文字后使用繁重的背景、也不要使用让用户很难阅读或颜色对比不明显的配色方案。
如上图,低对比的配色方案很难看清楚界面上的字。
7、使用闪烁的文字或广告
闪烁的内容或闪烁会导致易感人群的癫痫病。这样的设计不仅能引发癫痫,而且还会因吸引用户的注意力而惹恼用户。
不要使用闪烁的文字
来源:互联网
这篇文章给大家带来的是网站登录页面的设计趋势。为了不错过任何一种设计趋势,下面我们一起来看一看。
趋势一:对角线布局
对角线布局的方式,采用一种不对称的方式布局页面,通过把视觉重量放在左上角和右下角来使页面保持平衡。
这种布局方式除了让页面更美观之外,这种沿着对角线的平衡也有助于建立良好的页面,让用户的视线可以很容易地从左上角移动到右下角——对有从左上角移动到右下角——对有从左到右阅读的语言习惯的人来说,这是完美的视觉流。
趋势二:波浪线布局
不同于传统的横竖直线,现在一些网页设计中加入弧线或曲线元素,曲线让人有流动、活跃的感觉,同时具有动感。通过应用曲线设计出一种波浪形的界面布局,能够让网站页面的呈现出一种流畅、轻快,富有活力的视觉效果。一般可以用于比较青春、活泼的登录页。
趋势三:块状分割没那么明显
很久远,很有年头的文字了。大概是十多年前大学时随笔写的一些东西吧,这些文字并没有保存,刚才搜索了很长时间也没找到。只是想着把以前写的一些东西转到这里来,榕树下也没了,校友录也没了,后来终于想起有在天涯混过很长的一段时间。倒确实在天涯上找到了,登录帐号早忘记了,不过个人的主页地址找到了,而且内容什么的都有在。那就转摘保存下吧,虽然现在看那时候的文字幼稚可笑,不过也算是记念一段文字和时光吧。
1、我长大了?!?
我长大了 在结束那段凌乱的生活之后
我没有力气再去从新规划我的生活
我只是眼睁睁的看这一些东西滑出和滑进我的生活轨道
日子就这样过着 不经我允许就这样改变着
被动 除了被动还是被动
我的心 经过无数次的洗礼 变的浅浅淡淡
变成半透明的样子
没有欲望 没有争夺
想美丽的云 在等微风将它轻轻吹起
梦域桃源将是疲惫后的终归
一切在静静的等待
那一年 那一天 那一阵风
堵的来的时候越发心里总觉得有东西堵着 闲下的厉害
无形的 却又挥之不去
浮躁的心早已变的懒惰
百无聊赖的翻阅着过去的点点滴滴
被过滤出来的只剩下无奈
没有力气挽留和辩解
这一切又能怪谁呢!
我就觉得孤单 总有东西在心口堵着
我难受
我想撕裂一切
把它揪出来看个明白
但是 埋的太深 我找不到今儿 我觉得特幸福
没有前几天的浮躁 我坐在窗口
一阵阵小风吹过觉得找到了心里最原始的幸福定义
我只想 静静的这样坐着
我不敢说我真的长大了 成熟离我很遥远
只能说 在成长的某个阶段某个方面 变的越来越接近成熟
长大就是需要痛苦 就是\非得让生活折磨的千疮百孔 才算是长大
成长的这个过程 很怪
只要经历就会收获
有的是经历幸福 有的是痛苦
而我 是经历了后者
2、临街的窗
看着在窗台上游走的月光晴突然感到一种破碎的情绪在心底无可救药地蔓延开了。两年了,也许还不止吧。晴还记得那个雨夜他忧伤的目光穿过淋漓的雨直达她的心底。晴永远都不明白他的目光里为什么老是带着难以理解的忧伤。他说你等我五年,五年之后我一定娶你。说这话的时候他的眼睛里依然带着那难以理解的忧伤。但是晴记住了他的这句话。时光就这样在诺 言中穿梭蜿蜒着。
也许是因为他是在雨夜里到来并对她说了那些令她永难忘记的话,晴于是就习惯在雨夜 里眺望。她想雨夜总是能带给人惊喜的,他一定会在某一个凄冷的雨夜里再一次到来,用他所有的温柔抚平她的伤感,结束她的等待并带她走。但是等待的时光却显得那么漫长,晴透过窗户看着那个蜷曲在地上的乞丐,他绝望的眼神望着每一个行人,希望有个好心肠的人能给些施 舍。晴突然想起那人也曾经用这样乞求的目光看过她。晴记得那是一种深入骨髓的绝望和厌倦 。乞丐用他的尊严只是想换得生存的权力,而自己呢,她不知道自己付出的是什么,也许自己在感情上也象这个乞丐一样等着别人的施舍吧——看着来往的车辆投射在那人身上而变幻出来的影子,晴感到有些茫然。在茫然中晴的眼光穿过无尽的黑夜看到故园里流注的月光,还有在月亮下闪闪发光的桥,而她总是满怀希翼伫立在桥上,遥遥的一定是他在招手了,那微微的笑 却刺入她孤寂的灵魂。晴于是迎着月光袅袅起舞,她的笑颜就宛如春风抚过的杨柳,摇曳着,婆娑着,欢唱着。在他的注视下,晴是如此快乐。
晴感到自己有些好笑,她不知道为什么自己老是这样,总是在雨夜里思念着远方的那个人。有人说思念如水,从上帝手里漏下的一个银币,清脆的响声变化做了一滴思念的水。那太平洋的水也许就是思念成集的吧。可那人却依然那么远,甚至因为思念显得更渺藐了,只是惹得人空瘦而已。
晴离开了临街的那扇窗,临睡之前她还是望了望雾雨迷蒙的窗外。
长夜未尽,思念也未尽,只是雨仍在沥沥淅淅地下着。
3、忆
(一)
慷懒的秋日,浅浅的阳光
理所当然 思絮悠长
那样的夜 那样的路旁
依稀的金合欢 细细的思量
叫我如何能忘
风中的叶子 无人的操场
水边的生日晚会 野外的歌声飞扬
这样的秋日 一样的感伤
空荡荡的 一片 心灵的牧场
(二)
他们说爱情是一本书
于是你把那书放在自己的床头
你只是希翼~
你走进书里或书走进你的生活里
于是你开始迷惘
你开始你所谓的爱情
于是你忘了秋日的阳光曾经暖暖的照过你
于是你忘了你自己!
在秋日阳光暖暖的照着你的时候
你忘记了你自己
你开始了你的爱情
你迷茫着迷茫
于是你翻开一本书
寻找你以为你需要的东西
可你忘记,那书已经挂满了灰尘!
(三)
寒冷渐渐退却的时候
我感觉到 暖暖的热量
眼前的风景 带走心伤
也许只是想着爱情的感觉 却忘记了快乐
放弃吧 放弃又何妨
我是快乐的 像只单纯的毛毛虫
千万别留恋 地面的草场
别忘了 蝴蝶是怎样飞舞 在秋日的阳光