网站开发

网站导航设计,构建清晰简洁的导航系统

构建清晰的导航,也是网站设计重要的一环。

网站导航是互联网产品中应用最广泛的基础元素之一,引导用户了解到网站的内容结构进而找到所求。作为基础控件,导航看起来简单,但却是产品设计中最复杂繁琐的一部分。因为我们想要让网站结构更清晰、想要向用户传达所有的信息,所以就赋予了导航越来越多的内容,使他们庞大异常,十分纠结。简化了,用户无法了解到页面结构以及自己的处境,产生困惑;复杂了,导航臃肿不堪,层峦叠嶂,既不美观也不好用。

那么,在清晰的信息架构下能不能让导航尽可能的更轻便、更灵动,是笔者本文想要探讨的话题。笔者看来,为导航塑身可以从以下几个角度来进行:1.简化结构;2.优化形式;3.打磨UI。 Read More…

javascript调试工具介绍

JavaScript主要被用作一种语言来实现客户端浏览器的一部份,目的是为了提供更好的用户界面。JavaScript是已经被应用于许多现代的网站,也有很多现代网络应用程序。JavaScript被认为是基于原型的脚本语言。这门语言有不同的特点,就如那是动态和弱类型。这门语言也有一流的功能。另一个特色是JavaScript是一个多维的语言。它支持面向对象、祈使句和函数式编程风格。

JavaScript的一个了不起的特征,也是很重要的是它真的能提高用户对网站的体验。也为提供了丰富的特性和交互组件做了很多贡献。JavaScript技术已经变得非常流行,每一天都有日益增长的多样化的。因为它有很大的提高日益普,JavaScript加强了很多东西。为了调试javascrit代码涉及到各种各样的工作。

今天我们要介绍5个最好的javascript调试工具。我希望设计师和开发者愿意使用这些工具。同时也可以在下面的评论部分分享你的想法。 Read More…

网页横幅广告banner设计方法

本来想写“Advertisemen中的字体结构分析”,后来发现这个标题写得有点大,偏离了在目前工作中的针对性,因此缩小到banner的范围,以下内容仅个人在目前工作中对banner设计上的一点浅见,仅起抛砖引玉的作用。

Banner的传达方式 [TOPIC]

针对网站中的banner

Banner的本身形状:形状决定了其固定的构成方式,一般为矩形,横幅,左右结构和居中;

Banner的文字特点:主题式,一般分为主标题和副标题,文字较多;设计的时候还需要考虑应用到网站各种尺寸推广图的可读延伸性。

Banner的图像特点:辅助主题,增加文字的渲染力。

Banner的传达行为方式:载体为电脑屏幕,IE浏览器的第一屏位置,用户眼睛焦点停留时间约3秒以上。 Read More…

网页设计教程,按钮的风格标准

用户行为分析是设计师最应该精通的。对于按钮,无论是真按钮,还是伪按钮(伪按钮是:仅表示这个链接与数据提交相关,或者就是为了突出链接,用按钮表示,叫“伪按钮”),之所以要以按钮的形式表示,最大的目的还是希望让用户知道点这个按钮时可以提交数据,是可以和网站交互的,或者点了以后就可以出现与网站或用户交互的页面出现,那么评价设计成败的标准就变成了:有需求的用户是不是注意到、愿意去点这个按钮,而不是这个按钮本身多么漂亮。用户会想,我为什么要点这个按钮,这个按钮很重要吗?因为中国人做事,都是受利益驱动,任何时候,设计师都要关注用户的利益。

本小节将从按钮的颜色、按钮的大小、按钮的形状、按钮上及旁边的文字、放置的位置5个方面来说明我们设计、使用按钮的一般标准。

1 使用高对比度、醒目的颜色来突出按钮的重要性

图(13) 中国制造网搜索按钮采用对比度高的醒目黄色按钮(截图:2011-2-9)

按钮使用高对比度的颜色和醒目的颜色,都是为了突出按钮的重要性,两者很多时候是同时使用的。在大部分的时候,我们使用按钮,都是要突出其重要性,只有少数时候可以不突出其重要性,比如作为次要的按钮,故意而为之,如图(13)所示。

Read More…

构建清晰的网站栏目,网页设计教程

也许把分类单独拿出来讨论有些站不住脚,范围大涉及面又广,但不想拐弯抹角,希望能有业内人士不吝指点。分类(Classification),顾名思义的概括就是分开并且归类。学科上通常对分类的认知有以下三个方面:

1.按照种类、等级或性质分别归类

2.把无规律的事物分为有规律的。按照不同的特点分类事物,使事物更有规律!

3.推测事物间存在的一些自然关系

其实中心意思也是在讲首先区分,其次归类。在产品设计中,分类管理这种东西总是会层出不穷的跑出来让人做抉择,他们跟导航设计似乎又有着千丝万缕的干系,好的分类设计关乎用户的感觉,检查并重视产品中的分类管理变得越来越重要。 Read More…

网站登录页面设计方法及鉴赏

用户活跃度是检验产品成功与否的重要指标之一,传统行业的商家极为重视门面的装潢,因为一个好的门面可以聚集人气,招揽更多的顾客。古时候的大户人家院子门口的石狮子或其他的摆件的摆放极为讲究,有一定的风水学说道理,更能彰显主人家的身份地位。由此可见,“门面’就如人的脸面之于人的形象一样重要,而WEB的登录页面就相当传统的“门面”。

现在越来越多的大型网站把登录和首页放在一起设计,由此可见登录页面的重要性,一个出彩的登录界面,将提升产品的品质,赋予产品独特的气质,登录界面也是一个发挥情感化设计,提升用户体验,拉近与用户之间距离的兵家必争之地,本文不谈趋势,不讲交互大道理,不涉及技术,就侃侃用户登录页面的一些设计表现形式。希望这些设计表现手法能给大家带来一些启发和灵感。

优雅大方

如果说iPad是介于传统电脑和手机之间的产品,那么tumblr则是介于blog和twitter之间的服务。相比twitter,它的功能更复杂、内容展示性更强、更加重视多媒体的应用。Tumblr做为轻博客的鼻祖,带来一种全新的视觉体验, 安东尼·德·圣-埃克苏佩里曾说过,“完美就是多一点则太多,少一点则太少。” Tumblr的登录页面没有过多的视觉干扰,优雅大方,一切元素的存在都是为了用户更好的登录,登录过程非常流畅。

Read More…

项目设计:阿里巴巴手机客户端诞生记

从无到有的阿里巴巴无线端设计,经历了由前期的产品定位、产品形态探索、无线需求场景脑暴、产品拆解、分合的产品思路讨论、版本规划到手机行为、手机平台特性分析乃至信息架构的确定、细节的推敲…

无线端敏捷开发节奏快,如何低成本、有条不紊的迭代更新,版本规划以及产品的拓展性考虑尤为关键。九宫格聚合的工具平台形态和运营形态在我们客户端的定位中必然共存,但一期内容不足功能较少,过渡期既要保证目前版本的充实和架构合理,又要考虑用户习惯的延续和activity等的代码模块可复用。

在已有13年历史的网站(培养了稳定的用户群以及培养了一定的用户习惯)基础上,实际上我们并非从零开始。B2B的业务属性决定了无线场景的设计与网站的关联性,而用户使用时必然伴随部分网站习惯的迁移,因此在基于无线场景和手机端特性设计的同时,我们也同时考虑用户在网站端的认知映射。 Read More…

网页表单设计要点

设计师不再只是为互联网创造漂亮美观的图形那么简单了,作为一个WEB设计师,我们还需要考虑一些其他的问题,比如用户体验,算法,代码等等。如今用户体验设计越来越重要,对于WEB表单的设计尤其如此。WEB表单设计的目标是设计出一套让用户能够从填表到点击提交按钮的最简单的流程。这个过程中不需要太多的炫目效果,虽然jQuery的表单插件一直都很受欢迎。在这片文章中我们只关注于表单的用户体验和交互过程。这里的概念也能够有效的帮助你减少用户在填表过程中的挫折感。

1.保持醒目和简洁

我听过不计其数的用户抱怨注册表单需要太多的信息。如果你正在想办法增加注册用户数量,那么你必须保证你的表单尽可能的易于填写。这点同样适用于其他地方的数据输入。

根据项目的不同,用户需要填写的信息数量也有所不同。注册表格可能会要求用户输入用户名,电子邮件地址,然后两次输入密码,这样当然很合理并且是用户所期待的注册方式。但是也有特殊情况,看看WordPress的默认注册页面。 Read More…

速度快的国外空间(虚拟主机)选择

相比国内空间的昂贵与落后,功能强大的国外空间一直深受站长们喜爱,那么如何选择一个速度快的国外空间呢?我们通过自己计算机所ping出的速度只能够说明我们的访问速度,但无法真正了解目标人群的访问速度。对于做外贸的朋友,站在英文SEO的角度,有利的空间访问速度更能够增进网站再当地谷歌google的搜索排名。例如所针对地域为美国,那么我们就要确保网站在美国本土的打开速度满足某个条件。那么如何查询海外空间的速度呢?这里我们就需要用到Web ping。

Web ping

它是借助当地的服务器终端来ping你的空间IP或者网站域名来测算网站在其目标地域的访问速度。下面列举出两款免费的国外Web ping工具,可以提供多个地域ping你所给出域名或IP的速度数据,是一款非常值得推荐的工具。

http://just-ping.com/

http://network-tools.com

在其中你可以看到世界各地到底你网站的速度,这样你就知道该如何选择一款好的国外空间了!

-END-

google称小网站不需要 XML Sitemaps

大家都知道,在发布一个新网站的时候,最好配合一个最基本的XML Sitemap以更好的被搜索引擎索引。但其实对于小网站来说没啥必要,今天Google的John Mueller就在 Google Webmaster Help 里回答了大家的疑虑:

1、要看网站的规模大小,你不是非要有一个sitemap文件,我们也会自己索引到所有的内容。

2、当然,如果有一个sitemap文件的话,你可以随时查看独立的URL地址是否已经正确被索引了。

也就是说对于小站来说,Google完全有能力在没有sitemap的情况下索引到整个网站。如果你只是想查看URL地址是否被正确索引了的 话,sitemap当然可以做到,但对于小网站来说这样有点多此一举,因为你完全可以将自己的地址输入到Google去搜索来看看被收录的情况,因为你的网站压根也没几页嘛。

Quertions:

1、google如何界定网站的大小,是1000个页面以下呢,还是10000个页面以下,还是其他?

2、当然,站长都是如履薄冰,生怕网站不收录,所以把搜索引擎蜘蛛当弱智,像女朋友一样哄着。google这样说,无非是表明他们的搜索引擎足够优秀。

3、在没有确切的答案出来前,还是使用XML SITEMAP吧,毕竟,我们的网站不止“几页”嘛。

什么是Trackback与Pingback?wordpress基础知识

对于普通博客来说,这两个功能甚少会用到,其实这两个东东有大用处,想要了解的同学,可继续看下去。

1、什么是TrackbackPingback?

Pingback是网志中常用的用来通知网志系统文章被引用情况的一种手段。当其他人链接至Web作者的网页时,Web作者获取通知的方法。这个方法使得Web作者可以追踪什么人连结至他的文章。有一些博客平台,如WordPress,具有当一篇文章发表的时候,自动pingback这篇文章中所有的连结的功能。

TrackBack是用来实现不同博客间的互相通告:比如说A写了一篇文章,里面提到了xx。然后B看到这篇文章之后,也写了一篇关于xx的文章。然后B想让A知道自己也写了一篇这样的文章,或者是B的文章中提到了A所写的内容,那么B不必直接到A的那篇文章后评论,而只要通过向A的文章发送一个 Trackback就可以了。 Read More…

1 2  Scroll to top