网站设计过程中必须注重“第一屏”的策划

对营销型网站建设的有各种各样的理解,其有一个最根本的原则,就是网站一定要对销售带来帮助。比如,用户准备购买产品,同时浏览三四个网站后,对某个网站却情有独钟。能够吸引用户浏览并驻足,产生购买欲望的网站就是一个相对成功的营销型网站。

但是用户从哪里开始了解网站呢?当用户输入域名或者通过浏览器打开网站的那一刻起,网站的营销功能即开始发挥。域名或者搜索引擎引导进入网站,绝大多数是网站首页。所以笔者昨天就专门写了一篇文章,认为网站建设大可不必使用动画导入页面。因为这样做不利于搜索引擎抓取网站内容,也降低了用户体验。其实,还有一个因素就是,首页采用动画导入页面,第一屏的宝贵位置就白白浪费了。所谓的第一屏,就是用户打开网站后,直接映入眼帘的,不需要滑动滚动条就就可以看到的那个页面所展示的设计和内容。

Read More

网站设计对于网站运营的影响分析

  网站设计涉及到的范围极广,不仅涉及到网站的网页设计,同时也包括了后台的设计,当然也包括了网站关键词的设计工作等。正是如此对于网站建设而言,网站设计是否成功能够对网站的运营产生最为直接的影响,甚至可以说,良好的网站设计已经是网站成功运营的一半,如果网站设计不到位,对于网站未来的发展会产生极大的负面影响,甚至导致失败。

  然而事实上很多站长对于网站设计的重视程度并不高,往往采用一些免费的建站程序,使用免费的模板,简单的搭建一个并不能够很好的反映自身需求的网站,只是该网站已经具有了一定的功能,可是这些功能对于自身的应用而言,却具有很大的不协调性。为此只有通过对网站设计加强深入分析,了解其对网站运营所产生的影响,才能够更好的指导网站设计工作。

Read More

移动互联网 移动网站建设如何设计?

   移动网站建设中不可或缺的四大要素,移动网站建设设计四要素,现在移动网站建设越来越让用户关注,用户都将传统网站建设转移到移动网站建设上来。对这个新的网站建设领域,设计需要清楚哪些要素?我们简单介绍一下。
    全世界都纷纷投身网络热潮。从小企业到大公司,再到网络学校和大学,大家都在努力提升自己的网络影响力,这样既免费为自身品牌做广告,又让品牌的受众范围更广。另一方面,随着智能手机逐步普及,移动网站所占比重逐年上升。因此在网站设计时,移动网站的布局成了一个重头戏。下文就探讨了移动网站设计中必须注意的重要方面和技术细节。
   “移动网页”是网站设计中的重要一环,随着能访问互联网的手机逐步普及,因此,大家希望能随时关注自己喜爱的网站。在本文中,我们将着重探讨网站开发/设计人员在设计简洁和专业的移动网站时必须注意的重要方面和技术细节。
    移动界面通常很小,因此开发人员必须对预定义好的尺寸进行调整。以下是一个非常基本的“移动网站”的布局。
    移动互联网让用户的生活更加碎片化,随着用户的可选择余地的不断增多,用户更需要以最少的时间去获得自己想要的最有价值的信息。因此,移动建站,简单就是王道。简单就是便利,简洁才更加清晰。移动建站也可以将自己最关键的“行为召唤”内容放在醒目的位置上,以方便用户轻松看到。移动互联网的用户习惯于触摸与滑动搜索,因此,移动建站必须结合用户的相关习惯,让整个手机网站更符合用户的搜索习惯,例如实现让用户便于回到主页、未完成信息自动保存、提供智能搜索和搜索过滤、保持搜索功能可见可预期、第三方支付等功能,让用户搜索自如、往返方便、操作简单等等,最大限度的给用户提供 便利。
    对于新兴的一样事物,我们都会由很多的期望,由于手机界面有限,因此,移动建站时应尽量把促销活动或广告会和网页内容导航分开,让广告独立,以确保广告不会影响网页导航。避免用户只看广告而无心关注导航所带来的营销断层。很多移动网站都需要用户注册才能正常访问,这样会使用户产生反感和排斥。因此,移动建站应尽可能减少用户访问程序,例如允许用户匿名或以访客的身份进行网站访问,给用户以适当引导,同时减少用户在线消费步骤,为他们提供更为人性化、私密化的简单快捷的购物体验等等。对于一些较为复杂或敏感的事物,移动建站可以添加“点击拨打电话”的服务功能,由此减少客户流失。例如,如果用户不想在移动端填写复杂信息的时候,还可以立刻用自己的移动手机拨打电话,由人工坐席受理业务。移动建站必须尽可能保证其布局和功能设计处于简单、智能和流线的状态。实践也证明,能够预先判断一些信息,让用户输入和搜索体验更加简单、流畅和便捷,用户就会感觉非常棒。
    现在的移动互联网的速度越来越快,不过因为手机浏览器的特点,用户浏览起来并不像电脑浏览器那样可以同时的打开多个页面,而且用户还要看信息接电话发微博聊QQ等等,要做别的事情。我们的设计应该简略而夺目,在宝贵的用户浏览机会中赢得用户的注意。而且随着用户的可选择的手机网页的信息不断增多,用户很多时候往往是在极短的时间内完全的根据自己瞬间的好恶来判断信息对自己是否有价值。
    而且很多用户是通过移动公司或者电信的移动服务来进行浏览的,有的用户虽然都有包月的流量,但很多时候并不想电脑网络那样可以随意的使用。当一个用户打开一个很大的页面的时候,他肯定会有这样的念头:这费了我多少的流量啊,让那些很大的页面见鬼去吧。
    所以,针对移动用户的网站建设,简略即是王道。简略即是简单明了,因为简略,打开的速度也会更快。网站的信息内容要能够精彩夺目,以便利用户轻松看到。这样处处为用户思考的网站必定更简略被认可和承受。 

Read More

网站设计中该注重的几个细节

所有人都知道网站设计的重要性,糟糕的网站设计会给用户带来糟糕的体验,从而影响网页的流量,或是产品的销售。那么在设计网页的过程中,应该避免出现哪些错误呢?

1.要求用户必须注册才能浏览网页内容
这种做法足以让用户立刻感到气愤不已。也许这样做能够让你获得一些注册用户,但是你失去的远比所得到的要多。
2.忘记针对不同设备优化网页
要知道,现在很多用户都不再使用PC浏览网页了。因此在设计网页的时候,不要忘了针对智能手机、平板电脑等移动设备进行网页优化。你必须确保用户在任何设备上浏览你的网页时,都可以得到优秀的阅读体验。
3.让用户填写过长的表格
没人喜欢填写长到令人绝望的表格,尤其是在智能手机的小屏幕上。你应该尽可能的减少表格的内容。
4.使用不好辨认或是幼稚字体
你想让用户轻松的看懂你的网页吗?那就不要使用难以辨认的字体。你所选用的字体,是你给用户留下的第一印象,所以请谨慎选择。
也不要使用Papyrus和Comic Sans等字体,这些字体是给小学生用的,别装嫩了。
5.使用让人抓狂的搜索功能
当人们想在你的网站上找到一些特定内容的时候,如果你的搜索功能不好用,甚至无法准确判断用户输入的关键词,想象一下用户会有多愤怒吧。
6.大块文章
现在是读图时代,如今的网页应该更像是一本杂志,而不应该像是一本小说。
如果你的文章很长,最好用图片将文字进行分割,否则你的读者看一会儿就该困了。
7.用低像素图片展示产品
对于电子商务网站来说,他们的网页就像是个产品演示间。用户需要通过网页来了解产品的方方面面,因此请为他们准备高清图片。除了提供高像素图片之外,你还应该为用户提供产品各个角度的图片。

Read More

网站设计很差的10个原因

良好的网页设计是件很难实现的事情。一个好的网站设计,不仅吸引眼球,也是实用的、直观的、层级简单却足够复杂到保持用户的兴趣。字体、色彩、空白与内容间的完美平衡可以构成一个非常好看的设计,你的用户也会再次回来。而一个坏的网站设计,会把你的用户从你的网站上赶跑。 在设计一个网站时,有许多地方会让许多设计师误入歧途。在本文中,我们会讨论让你的网站设计很差的10个原因以及如何解决它。
1、没有足够的空白

空白可以说是设计中最重要的一部分。它有助于防止用户在浏览网站时变得疲惫,它可以在内容中划出距离,而且它本身也看上去不错。空白不是必须用白色的,而是,它仅仅是为其他设计元素提供间隔和缓冲的空间。

Read More

网站设计要有理念

站长朋友们在日常的工作当中接触了形形色色的网站,但是这些网站在颜色,形态,规格,内容上面都是大同小异,这也使得我们在浏览网页的时候都是看着相似的网页,也许对网站优化的人员来说是很平常的,但是用户呢?他们对这样的网站会有怎么样的看法呢?他们不难受吗?他们还能继续的浏览下去吗?

其实每位站长朋友都希望自己的网站别具一格,和人家的网站有所区别。想做一个优秀的网站,在网站设计时,就需要想有理念。下面我从开发网站的设计案例,与大家分享些经验。

1、网站的颜色要独具匠心

Read More

网站设计应该达成的几个功效

网站设计应该达成的几个功效,一个好的网站设计不仅是企业自我宣传的一个最佳窗口,更是客户是否与我们合作的取决要点,所以网站设计应该做到那几点,多年建站经验总结如下:
一:尽可能多

我们应该尽可能多的通过网站设计来传达企业的文化思想,创业理念以及产品服务优势。我们可以通过文字,图片,甚至是动画等等各种形式的网站设计元素来丰富我们的网站,让我们的网站变得更丰满。

二:尽可能快

互联网的独有特色就是点多面广传播快。网站设计绝对不可以忽视了“快”这一点,不仅打开速度要快,网站信息更新速度更是要快,不能网站设计完成后就再无动静。

Read More

网站设计对于网站运营的影响分析

网站设计涉及到的范围极广,不仅涉及到网站的网页设计,同时也包括了后台的设计,当然也包括了网站关键词的设计工作等。正是如此对于网站建设而言,网站设计是否成功能够对网站的运营产生最为直接的影响,甚至可以说,良好的网站设计已经是网站成功运营的一半,如果网站设计不到位,对于网站未来的发展会产生极大的负面影响,甚至导致失败。

然而事实上很多站长对于网站设计的重视程度并不高,往往采用一些免费的建站程序,使用免费的模板,简单的搭建一个并不能够很好的反映自身需求的网站,只是该网站已经具有了一定的功能,可是这些功能对于自身的应用而言,却具有很大的不协调性。为此只有通过对网站设计加强深入分析,了解其对网站运营所产生的影响,才能够更好的指导网站设计工作。

Read More

网站设计中设计四步骤

当网站建设已经越来越受到企业的关注,如何成就出一个高质量的网站,SEO优化是一个非常重要的环节直接,他不同于前端与后台的程序设计,网页的设计是整个网站的建设开始的首要动手实践的环节,他是一个网站建设从预想到实现的第一步,就如何设计房子一样,一定要先设计出来然后再进行格局设计,最后才能累砖一样。网站的风格、样式、功能都已经预想ok,那设计师就要发挥自己的实力的时候。
四步骤主要是围绕网页设计来展现的,第一步就是沟通,第二阶段是归纳总结分析,第三阶段是准备阶段,最后阶段才是开始实践去设计。
在第一阶段我想很多设计师都是知道其目的是什么,就是为了让我们的设计第一事件符合用户的需求,不会浪费双方的时间,但是沟通就是为了能够了解客户的需求,具体要建设什么形式的网站,风格等等,那第一阶段我们主要沟通哪些信息呢?
·项目基本信息(项目主要的目的、项目的侧重点、项目期限等等)
·客户公司产品信息 (如产品定位、产品卖点、消费人群、经营范围等等,这点对于设计具体产品项目时,更为重要!)
·客户公司基本信息 (如公司简介、公司规模、公司性质等等)
·项目委托人个人审美倾向(委托人对网页风格的预期、委托人艺术审美取向等等)
在沟通方面我觉得主动是非常重要的事情,用户会觉得我们是在努力为他工作,及时有时候时间等等都比较敢,只要沟通到位了,用户还是可以理解的。站在客户产品的立场思考问题也就是必须的。毕竟不能辜负客户对咱们的信任,对吧。
第二阶段的归纳总结分析阶段,就是吧从用户那里听来的东西,了解的东西进行整理。很多时候客户不是很专业的人,我们获取的信息也都是比较零散的,要进行合理的分类整理,把零散的东西系统规划一下,这个时候有的网站的框架、网站的色调几乎就已经出来了。
第三阶段准备阶段,不明思议就是找素材了,综合分析之后,紧接着我会准备好设计时可能会用到的图、文资料。图片主要包括客户公司的图片、产品图片、模特图片等等。一般情况是,客户会提供部分图片,更多的,图片我会去素材网站找找。文案主要包括网页广告标语、导航文案、产品描述等等。有做网站策划的客户,这些文案大都会提供,如果没做策划的客户,我会跟客户负责人沟通定出。
第四阶段设计页面,如果前三个阶段没有做好,我想你最好不要开始第四阶段的实施,以免走错了路,需要从头再来一次。网页设计一定要把用户的需求仔细分析然后进行设计,在网页设计差不多之后要给用户浏览一下,在进一步的进行细节的修改,或者在设计过程中,西安网站制作你发现有些不合理的地方也要第一时间和用户沟通。

Read More

网站建设中的字体运用,网站设计中的漂亮字体

当我们拿到一款产品的包装或者登入了一个网站的时候,你是否会有意或者无意地留意到属于这个产品的特定的字体设计或者使用,从而影响到你对这个产品最直观的感受。精致、优雅、科幻、古典或者是觉得粗糙难看呢?  比如当我把苹果网站上 iPhone 的字体换掉以后,你一定或多或少的察觉到了什么不一样的地方,也许你无法表达出来或者无法说出究竟是哪里出了问题,但这潜意识的感受正是不同字体风格传递给用户的直观感受所造成的。因此在给一个产品选择或者设计字体的时候,除了你需要考虑其易读性,一定也需要考虑这款字体是否能准确地传递给消费者或用户属于这款产品的独特气质。   
A.现代  现代风格字体多为无衬线字体,这类字体除本身文字的比划之外缺少装饰性的元素,风格较简约。  WWDC 2013前夕,即便在 iOS 7 并未对外界正式发布之前,但是通过会场的海报人们都清楚地意识到,iOS 7 的风格一定带来了极大的转变。Helvetica Neue 风格非常现代,似乎暗示着苹果将在 iOS 7 中完全剔除过去人们陈旧的审美,取而代之的是更为现代的视觉风格,而在后来的大会上 iOS 7 的最终发布也证实了这种观点。

Read More

从三方面讲网站设计发出点

从三方面讲网站设计发出点

您的网站是您公司数字化形象的核心,但是许多企业将网页设计委托给市场营销部门,期待着一个小型的,高度专业化的团队以一种引人注目的,可操作的方式呈现出公司的整体资质。
如果其他团队不参与网页设计,您的网站很可能就只会是一个漂亮的界面,这种界面对您的销售部门来说没有任何作用,不能提供正确的信息,并且还会使您的访客难以通过您的销售漏斗并且难以了解产品信息。
这里列出了三个原因,这些原因说明了为什么让您公司的所有部门(甚至包括公司外部的某些人)参与网页设计非常重要。
1.确定网站访客所需内容。
创建网站的主要原因之一,就是要分享您的企业是从事什么行业的,您想为谁服务以及您将如何为他们服务。与您的企业相关的清晰的广告词、写作语调以及可视信息会在您和您的访客之间创造一种更强有力的关系并且会避免混淆。
从销售过程中的利益相关者,客户服务团队以及那些与用户互动的人那里收集信息。理解用户的要求,以及他们对于您推出的每一种产品的反馈,最重要的是,当他们来找你解决具体问题的时候,确定客户习惯使用的语言。
有很多用于市场营销的行话,但是当与您的访客沟通时,这些行话可能不是最好的。在您的企业所在的行业内,西安网络公司公司这些行话可能是常用的,但是,它们往往会与观众的认知状态,烦恼和期望相脱节。
仔细聆听来自客户的所有信息将会使您更清楚地了解如何向公众传递信息,这种信息即为:您将会加入已经在他们心目中进行的对话。
2. 从用户角度出发进行网站策划。
一种可激发兴趣的网站用户体验会让不同的用户群找到他们需要的东西而不会在无休止的点击中迷失方向。首先,确定您的网站将要服务的三个主要用户群,然后,确定他们想要通过您的网站实现的一个目标,以及您将会如何实现这些目标。
采访您的访客并且从您的销售和/或客户服务团队那里收集信息,确定您的用户在点击哪里以及他们在寻找什么。您也可以从中发现用户是从哪些网站转而点击您的网站的。
一旦您确定了这些用户的目标以及他们是如何找到您的,您就可以以一个对他们来说能够理解的方式来组织信息。帮助他们找到他们正在寻找的东西而不是无休止的点击!
3.以用户需求为中心,注重与用户的互动。
在这个时候,您就会更清楚地了解您的访客正在查找的信息,他们发现您时所在的不同的位置(社交媒体,谷歌搜索),以及什么样的信息是令人信服的,并且与其直接交流。
现在我们需要组织并且直观地放大这些目标以及就设计进行沟通。可视化设计将会使访客熟悉您的品牌,会使访客把您和您的竞争对手区分开来,并且创造出一种您与您的访客之间的亲密关系。
不同的用户需要不同类型的信息。为了传递您的信息,不同层次的认知需要不同的文字以及不同的视觉冲击。创建和实验不同的方式以便向您的访客传递信息。尽快得到反馈,然后根据收集到的信息进入下一阶段并且再次实验。
这种循环迭代将使您能够主动的聆听和观察您的访客,以及与访客一起互动的您的团队,还可以使您能够为他们提供最好的体验。网络的最大特点就是我们始终可以实验,测量并且根据与访客之间的交流和我们的团队从用户那里获取的反馈做出决定。

Read More

网站设计的核心是人才

一个企业最宝贵的资源就是人才!试想,如果一个企业没有优秀的人才,这个企业将会面临什么样的结果?因为服务你的客户、为企业创造价值的是你团队的那些有用的人才!什么是人才?合适你们企业的人都是人才!就像结婚一样,适合的才是最好的。那么到底什么样的状况才是最合适的呢?(如果有可能,自己培养的人才是最适合的)我觉得合适与否都是相对的,都是各自的认识问题,任何团队的组合都牵扯到一个磨合的问题,所以,你要想办法让你的团队磨合到最理想的状况才是王道。那么作为领导者,我们应该如何做呢?
 
作为领导,要学会贩卖梦想!(推广者)
激发团队成员的梦想,让他们成为一个有梦想的人!人不为己天诛地灭,这是一个颠簸不破的真理,人家为什么要给你卖命呢?作为领导,你要想实现自己的梦想,最好的办法就是先去实现他们的梦想,只有你是真的在帮助他们实现梦想的时候,他们才会真的愿意帮助你实现你的梦想。所以我想说的是,为什么大家的梦想不能是同一个梦想呢?对,就是要你和大家拥有同样一个梦想,让大家为了大家的梦想一起努力。那么我的梦想是什么呢?我的梦想就是要服务于网站建设客户,让更多的设计师可以通过自己的努力去实现自己的成长和进步、进而实现他们的理想!产品和工作只不过是让我们成长和进步。为什么必须要有梦想呢?其实就是一个信心的问题,有了梦想我们就有了方向、有了梦想我们就不会觉得累、有了梦想我们就可以踏踏实实地去付出了去行动了、有了梦想我们就会。。。
 
作为领导,要解决大家的后顾之忧!(榜样)
解决后顾之忧的核心是要解决什么问题呢?钱吗?前途吗?成就感吗?理想吗???其实我个人觉得,要想彻底解决后顾之忧,最好的办法就是让大家得到进步和成长!俗一点的说法就是让大家“长本事”。只要大家有了“真才实学”,他们还会害怕得不到钱和前途吗?还怕客户的高要求吗,所以,作为领导者,你就要不断地让大家看到自己的成长和进步,要让大家知道成长和进步的意义、价值。如果大家看到了自己的努力是有价值和意义的,那么大家会不努力向前冲?我们经常说:授人以鱼不如授人以渔嘛,其实就是这样的道理。你和你的团队是要眼前的利益还是要未来更大的利益呢?这个点弄清楚了,那么一切都会显得简单了。如果没有更大的前途利益,那么你最好先来满足当下的小利益;相反,如果可以实现未来的大利益,那么你就要学会牺牲暂时的小利益。关键看你要的是什么?大家要的是什么?做到统一就是做到了完美!三驾马车最有效率的时候就是目标一致、行动一致的时候!
作为领导,做好一个练习者!(推动者)
农村有句话:村看村、户看户、村民看干部!己所不欲勿施于人,如果你自己都不想做或者说做不到,那么你就不能要求别人去做到。以身作则不是管理上最好的办法,他是唯一的办法!作为领导你需要做好什么工作呢?那就是做好一个练习者!让自己做出大量的练习,以找到最简单、最有效的工作技巧,即使是去某些地方去学习技巧,你也一定要弄明白为什么要这样做?这样做的原因是什么?你做好了练习,还能够让大家做好练习,让大家跟你一起做出最多的练习,让大家拥有熟练而有效的工作技巧,这样工作起来就会觉得很轻松,就会很容易看到自己的成长,其结果就会让工作者感觉到工作的乐趣,这样的工作才是最有可能做到工作效率的最大化!我们经常讲熟能生巧,我们不能刻意地去“找”方法,一切好方法都是从实践当中得来的。主席不是曾经告诉我们嘛,实践是检验真理的唯一标准!技巧不是想出来的是实践出来的,只有我们做了大量的实践才会得出更多有质量、有价值的经验。聪明的人看别人做什么?智慧的人看别人怎么做?
 
总之,作为领导就要让大家能够有信心跟你一道去奋斗,再者就是你必须给大家有用的工作技巧。只有做到了这些,你才是最合格的领导者,否则一切的一切将不会有任何的意义!实现梦想的同时的赚到钱和赚到钱的同时实现了梦想是不一样的事情!
所有的成功者都是那些认真实践道理的人而不是那些拥有道理的人! 

Read More

网站建设公司网站设计的目的是什么?

 一、为营销设计制作网站

  如果说只要做一个网站,就可以让企业得到怎么样的营销效果,是有些自欺欺人的。但是良好的 沈阳网站设计可以有效的辅助企业营销,却是不争的事实。随着互联网应用的日益普及,当我们准备购买一项产品和服务时,总会习惯性的打开浏览器在搜索引擎查询一下,然后选择一个网站做的不错的公司,如果网站设计的粗制滥造,营销机会就会悄无声息的流失。

  二、为形象设计制作网站

  做网站无外乎两个目的,一是为了营销,或是为了辅助营销,就是通过网站让用户增长收益;第二个就是为了提高企业形象,其实提高形象的目的也是为了营销。因此沈阳恒昊互联网络的网站设计师在网站项目正式开展之前,相关人员都会与客户深入沟通一次,了解企业基本的文化理念,从而更好的进行设计制作。

Read More

网站设计中css合理组织

架构css
  在当前浏览器普遍支持的前提下,css被我们赋予了前所未有的使命。然而依赖css越多,样式表文件就会变得越大越复杂。与此同时,文件维护和组织的考验也随之而来。
  (曾几何时)只要一个css文件就够了——所有规则(rule)汇聚一堂,增删改都很方便——可这种日子早已远去。(现在)建立新时,必须花点时间好好筹划怎么组织和架构css。
 
  文件的组织
  构建css系统的第一步是大纲的拟定。(我认为)css组织规划的重要性堪比网站目录结构。(htmlor注:用词夸张一点,让你加深记忆) 没有哪种方案放之四海而皆准,因此我们会讨论一些基本的组织方案,以及它们各自的利弊。
  主css文件
  通常可以使用一个主css文件,来放置所有页面共享的规则。这个文件会包含默认的字体、链接、页眉和其他等样式。有了主css文件之后,我们开始探讨高级组织策略。
  方法一:基于原型
  最基本的策略是基于原型页面(archetype page)分离css文件。假如一个网站的首页、子页面和组合页设计不同,就可以采用基于原型的策略。(这种策略下)每个页面都会有专属的css文件。
  在原型数量不多的情况下,这个方法简单明了、行之有效。然而,当页面元素并不按部就班的位于各个原型页时,问题就出现了。如果子页面和组合页共享某些元素,而首页却没有,我们应该怎么做呢?
  把共享元素放入主css文件。这虽不是最纯正的解决办法,却适用于某些具体情况。可是如果网站庞大,(这样做的话)主css文件会迅速膨胀——这就违背了分离文件的初衷:避免导入不必要的大文件。
  在组合页和子页面的css文件里各放一份样式代码。(这么做)就意味着要维护冗余代码,很显然我们不想这样。
  创建一个新的文件,由这两种页面共享。这听起来不错。不过假如只有10行代码,我们创建这个文件仅仅是为了共享这10行代码?(htmlor 注:杀鸡用牛刀?) 这方法很纯粹,但如果网站庞大有很多对页面共享很少量元素时(htmlor注:比如30对页面分别共享10行代码),就显得很笨重了。
  创建一个单独的css文件,包含所有共享元素的样式。这方法可能比较简单,却要取决于网站的大小和共享元素的多少。有种情况会很烦:导入了一个很大的css文件,但页面只用到一小部分样式——还是那句话,这违背了分离文件的初衷。
  这就是我所说的重叠的两难(overlap dilemma)。零碎css规则的重叠不一而足,并没有一个完全清晰无误的方案来组织它们。
  方法二:基于页面元素/块
  如果网站使用端include,这个方法会很不错。举例说明,如果使用页眉include,它会有自己相应的css文件。页脚或者其他部分的include可以如法炮制,只须导入自己的css文件。这个方法简单干净,不过可能会产生很多小css文件。
  举例来说,假如页脚的样式只需要20行css代码,单独创建一个文件就划不来了。而且这个方法会导致每个页面都包含一堆css文件——因为有多少include,就得有多少css文件。
  方法三:基于标记
  这个方案直观实际,与前一个类似。如果网站共有30个页面,其中10个含有form,那么可以创建一个css文件专门处理form的样式,只在这10个页面导入它。如果另外10个页面含有table,就创建一个文件专门处理table样式……诸如此类。
  另外的组织技巧
  除了用主观的方法组织文件,我们还要考虑如打印、手持设备和屏幕等多种媒体类型。这虽然已经很清楚的定义过,可依旧是建立文件结构时应该考虑的一个因素。一旦必须支持多种媒体类型,主css文件里的某些规则可能就得重新考虑。
  另外,品牌联合也可能是一个重要因素。(htmlor注:如google和nike联手推出的joga) 如果涉及品牌联合,你就得考虑哪些元素应该调整以适应另一品牌。比如分别使用不同的css文件等。
  还有一个常被忽略的技巧:使用嵌套的@import语句。只包含一连串@import语句,或者再加几句css规则,就能创建一个css文件。用这个方法完全可以创建网站的主css文件(用@import导入各部分的样式文件)。假如网站的每个页面都导入了4到5个不同的css文件,无疑你应该考虑使用这个技巧。
  规则和选择器的组织
  谈完了文件组织,接着讨论一下怎么组织文件里的东西吧。很自然,我们希望在文件里畅通无阻的浏览,迅速找到要编辑的选择器(selector)或规则。
  冗余 vs. 附属
  正如Dave Shea在其文章《冗余 vs. 附属》(Redundancy vs. Dependency)里所说的,你必须不断了解级联(cascade)。你要决定是对选择器编组(意味着附属),还是把它们分离(意味着冗余)。编组可以保持代码简洁扼要,可是会建立附属关系,导致维护开销增加。如果不编组,就会增加文件大小,让相似的选择器保持一致变得困难。只有做好这种权衡、取舍,才能每次都作出正确的决定。
  按相互关系/上下文编组
  既然文件组织可以是主观的,那么显然,按照规则和选择器与其他部分的相互关系来进行编组是最好的方法。举例说明,假设你用容器、页眉和页脚来完成布局,就应该把它们编成一组。
  这似乎很简单,其实不然。比如,把页眉中的导航加入css时,是将它跟父元素编组还是独立编组?这种情况下,要视乎规则的上下文。通常,页眉与页面布局相关,应该与其他布局元素一起编组。而导航是页眉的一块,应该和页眉的其他块编组,而不是页眉本身。
  使用注释
  跟大多数代码类似,注释是组织良好与否的关键。应该根据css的控制范围,清楚的标注每节(section)。最好确保注释视觉突出,以便在内容滚动、一目十行时快速定位。
  Doug Bowman在其文章《css组织技巧之一:标记》(CSS Organization Tip #1: Flags)里把css注释玩得高明之极。他详细说明了在节名之前加上等号,以便使用文本编辑器的查找功能迅速跳到某节。
  别忘了
  你应该细致认真的了解了特异性、级联和继承,并善用它们。它们之中的每一项都可以是你最可怕的敌人,也可以是你最友善的朋友。当建立庞大的网站时,是否理解这些细微精妙之处,决定了你所构建的是坚如磐石的系统,还是经不起风雨的豆腐渣工程。(htmlor注:这句完全意译,比较爽)
  属性的组织
  现在我们了解了文件的组织,也知道了文件内规则的组织,但还有一个重要的组织环节(没有提到),那就是属性(attribute)。虽然属性比前两个概念更简单,可是还有一些非常好的、能够保持规则整洁的方法很值得一提。
  按字母排序
  提到属性,如果说需要遵循什么原则的话,那就是:按-字-母-排-序。其实这招对于属性浏览帮助不大,不过可以防止属性值覆盖这种偶然事件的发生。
  举个例子吧,已经数不清有多少次,我为某个选择器定义过了margin值,之后的某天无意间又加了一个(或前或后)。(这种情况下)后一个属性自然会起作用。假设不知道第二个属性存在,不管我怎么调整第一个属性值、刷新浏览器,也看不到页面变化。(htmlor注:这个问题我深有体会) 如果按照字母顺序排列,你就会发现margin被定义了两次(因为它们挨在一起),这个问题自然可以避免。
  优先项
  当网站复杂、牵涉太多css文件时,会建立大量的附属关系。一旦需要定制某个元素特有的样式,!important选项似乎是最佳选择。没错,!important是能解一时之需,但最好搞清楚导致问题的根源,然后根据级联关系决定是否真的需要用它。
  如果你对上文提到的特异性、级联和继承很熟悉,大可不必抱着!important一颗树不放。(htmlor注:整片森林等着你~) 当然它还是会派上用场,不过使用之前要对具体情况了然于胸。千万不要因为不知问题的症结所在而把!important当作捷径或是补救方案。
  小结
  当我们变得依赖css而使样式表日渐复杂时,就需要正确的计划来避免犯错,并使代码易于维护。既然完美无缺的方案并不存在,那么了解css的工作方式以及文件、选择器和属性的多种组织方案,无疑有助于我们写出优质的代码,经受住时间考验。 

Read More

网站设计中的色彩搭配

  在网站社设计中,合理的色彩搭配可以使浏览者看着赏心悦目,清晰自然,本文就来谈谈网站设计中的色彩搭配注意问题和色彩搭配的原则。
  一.色彩搭配应注意的问题;
  1.避免使用单色。
  一个文章只使用一种色调,网站访问者会感到单调。
  2.可以考虑临近色。
  使用邻近色可以使网站颜色过渡自然,同时又可以看起来协调。
  3.使用对比色
  使用对比色可以产生强烈的视觉效果,使网站重点更突出。在网站设计中可以起到画龙点睛的作用。
  4.网站背景色的使用
  网站背景色的颜色不易过深,一般应采用比较淡雅的颜色。同时背景色的颜色要和网站的文字对比明显。
  5.网站色彩数量
  一般来说,网站的色彩数量不易过多,最好不要超过3中。
  二、网站色彩搭配应注意以下原则
  1.搭配合理
  网站的不同颜色搭配看起来和谐,同时又能产生不错的视觉效果。不要使用过于刺眼的颜色,这样容易造成视觉疲劳。
  2.有自己的特色
  网站的颜色搭配最好能表现出自己的鲜明个性。
  3.有一定视觉冲击力
  您的网站能让访客产生眼前一亮的感觉。看后就产生印象。这是一种至高的境界。 

Read More

究竟什么是好的网站设计?

  随手翻了本《TheprinciplesofBeautifulWebDesign》。里面开篇就提出了一个问题:究竟什么是好的网站设计。
  多数人认为网站设计的的“好”与“坏”都是通过两个标准来衡量的:一是严谨的可用性。包括功能的实用性和传达完成任务的效率;另一个是纯粹的美学标准。包括生动的图案和色彩。
  其实,这也代表网站设计中的不同倾向:一些设计师被美学和图案吸引而忽略了用户需求;另一些人则沉迷于可用性研究忽视吸引力。
  我们或许都清楚好的网站设计要两者兼顾的。就像我们都知道设计实际是种与交流一样,我们喜欢和一位美女聊天,但如果她谈吐乏味,语言逻辑混乱,又会很快失去耐心和兴趣。
  好的网站设计大概包括以下几点:
  (1)用户会被设计所吸引,被内容所引导。
  专业的可用性总会关注在用户获取所需信息所花费的时间是多少。无论对内容,链接,按键操作还是表单设计,设计永远不
  是障碍,它是和用户交流的桥梁。
  (2)用户需要有清晰的导航
  导航必须在网站中具备很强的可见性,让用户清楚知道自己在哪里,以及如何达到目标。但是如何能使导航很容易找到,但
  是要独立于内容之外,尽量让用户更专注于内容信息也需要考量。
  (3)用户能识别浏览的网页属于同一网站
  一致性提出似乎有点傻气,但是还是有很多网站让我们充满疑惑。问题可能出于很多原因:内容转换,业务设计不同,但总
  需要一些重要的要素提醒用户他仍身在这个系统中。
  如果进一步剖析网站设计的要素,就要清晰的了解必不可少的几块内容:
  (1)内容块
  网站只是框架,容器就是这些内容块。他们或许是body标签,一个全局的div标签,或是table(但请谨慎使用)。内容块就
  是放内容的容器,阻止内容溢出到空白的地方。
  (2)logo
  这你一定懂的。logo不仅是网站品牌的标志,也会让用户知道自己都在访问一个站点。
  (3)内容
  ContentisKing!通常用户访问和离开一个网站只是几秒钟的事情。如果用户找不到他们想要的就会毫不犹豫的关掉浏览
  器访问其他站点。所以把内容放在视觉中心是一定的,还要避免其他因素的干扰。
  (4)底部注脚
  包括版权、联系方式、法律信息和友情链接等等。
  (5)留白
  好的设计师都懂得留白和拥有空间同样重要。好的留白会让页面显得很”透气“。
  好的网站设计还离不开一些潜规则的技巧。就像是黄金比例还有栅格法。”傻瓜版“的栅格法就是三分法。 

Read More

网站设计的新趋势

  2014网站设计又有了新的趋势这里总结了几条,我们一起来看一下:
    抛弃枯燥的排版,设计师越来越热衷于体验不同的风格,而2014年一个重要的风格转变就是个性化字体的运用。个性化的字体好像一种自我代言。设计师借助不同的字体为设计添加一点个性和独特性。
    扁平化设计: 去年,我们就表示苹果很可能抛弃拟物化设计。随着iOS7的发布,“扁平化”设计美学诞生。苹果一直都是设计风格的引领者,所以跟风者肯定很多。iOS7上线已经有一段时间了,并且海量般的网站都在采用“扁平”设计。我们认为这种趋势不会在2014年终结。
    大张图片取代滑动条: 如果你想知道2014年首屈一指的网站设计趋势。那就是在网站的首页放一张大图片,并配以少量的文字。无论是背景中一张模糊的图片还是精心制作的版本,它们正快速占领窗口滚动条曾经占据的位置,成为抓取读者注意力的新秀。
    更加注重移动: 网站将更加深挖移动业务。设计师们要确保他们的网站能够在移动设备上流畅显示。如何让自己的移动网站更吸引人?与社交融合、要求邮件订阅、提高下载速度都是不错的办法。
    视频取代文本: 能看的时候为什么要读?视频的制作与分享越来越容易。虽然有人认为视频数据量过大不适合放在网站首页,但当解释技术问题或语言难以描述清楚的新问题时,视频的效率更高。此外,很多视频服务,如Youtube让你追踪视频点击量及受欢迎程度,这样方便你更好地规划内容。
    超长网页: 我们习惯于滑滚动网页获取信息。由于现在网站采用更多的设计技术,如增多的空白空间以及快速响应技术,所以超长的网页又开始出现。以前,长网页会挤满内容,现在虽然网页也很长,但内容组织更加有序,格式也更便于阅读。用户一点也不会觉得长。
    更简单的颜色主题: 2014年,更多的网站会采用简单的色彩主题,可能只是一种或两种颜色。当前上线的一些网站都采用极少的色彩,甚至放弃所有的颜色。黑、白以及介于两者间的颜色都是很受欢迎的主题。
    简化的内容: 如果说2013年是“内容为王”,那么2014年简化的内容将主宰网站设计。简化的内容意味着信息以Twitter风格的短内容呈现。经过这么多年的演变,用户的注意力集中时间越来越短,所以设计师应该压缩内容,避免长篇大论。
    放弃工具栏: 这点更适合博客或者杂志风格的网站,放弃工具栏可让网站内容更具视觉冲击力。想像一下,当读者阅读网站文章时,没有那么多闪闪发光的东西夺走他的注意力该有多好。设计师当前正撇弃这些分神的东西,不管是否有效,总算一个比较好的趋势。
    处理过的图片:虽然在网站上放图片很容易,但将图片改得特别一点绝非易事。2014年,我们会看到更多使用色彩重叠、模糊处理技术的图片。这样的修改是为了更加契合整个网站的主题。 

Read More

网站设计与网站开发的未来技术分析

  随着网络的普及,越来越多的人们通过网站来了解信息、采购。网站设计、网站开发将呈现出以下发展趋势:
  1.网站设计的实用性
  实用才是硬道理。如果您的网站在三秒钟打不开或者打开后用户找不到实用的信息,那么他很可能将转到您的竞争对手网站。
  2.立足于网络营销进行网站设计和开发。
  网站越来越多,如果您做出的网站没几个人能找到您,一天几乎没人访问您的网站。那么您的网站存在有何意义?在网站设计初期就考虑网络营销,将网站关键词合理划分、全面进行网站优化。网站功能也适应网络营销的需要,最大限度的挖掘访客才是网站赖以生存的根本。
  3.电子商务网站和手机网站
  随着电子商务的成熟,越来越多的网站将直接销售产品。随着3G在国内的普及,手机网站也将是未来的一大趋势。 

Read More

网站设计的发展趋势

  前段时间浏览一个广告公司网站,页面设计是有些特点,动画很有特点,里面有个很大的问题:没有联系方式和公司简介。只有一些案例的展示效果和理念。如果有潜在客户通过网络找到您的网站,然后想与您进一步沟通,怎么办?
  当前,网民的节奏越来越快,愿意等待、耐着性子去看您的网页的人越来越少。这也是当前为什么114之类的询问更多,百度等搜索引擎的用户越来越多。人们对信息的需求越来越直接,快速。如果您不能够第一时间将信息展现给访客,那么你将在网络上落后于您的竞争对手。
  网页设计的最终目的是为了用户,为了访客。而不是为了花哨、炫耀,除非您是个人网站、就为了自己欣赏。最大限度的满足访客的要求是网站设计者应该考虑的。青穗科技认为,在网页设计的栏目、信息组织上应主次分明,一目了然,能够一次点击到位的就不要绕圈子。尽量提供搜索,让客户可以最快的找到自己需要的信息。网页的色彩搭配应满足绝大部分的用户需要。不易使用太亮的颜色,以免产生眼睛疲劳。 

Read More

网站设计的色彩搭配

  网站设计中的色彩搭配非常重要。一个成功的网站往往取决于对色彩的应用和搭配。在平面效果图上,色彩的冲击力很强,很容易让人留下深刻的印象。
  色彩搭配的原则
  色彩搭配既是一项技术性工作,同时它也是一项艺术性很强的工作,因此,设计者在设计网页时除了考虑网站本身的特点外,还要遵循一定的艺术规律,从而设计出色彩鲜明、性格独特的网站。
  1.特色鲜明
  一个网站的用色必须要有自己独特的风格,这样才能显得个性鲜明,给浏览者留下深刻的印象。
  2.搭配合理
  网页设计虽然属于平面设计的范畴,但它又与其它平面设计不同,它在遵从艺术规律的同时,还考虑人的生理特点,色彩搭配一定要合理,给人一种和谐、愉快的感觉,避免采用纯度很高的单一色彩,这样容易造成视觉疲劳。
  3.讲究艺术性
  网站设计也是一种艺术活动,因此它必须遵循艺术规律,在考虑到网站本身特点的同时,按照内容决定形式的原则,大胆进行艺术创新,设计出既符合网站要求,又有一定艺术特色的网站。
  色彩搭配要注意的问题
  1.使用单色
  尽管网站设计要避免采用单一色彩,以免产生单调的感觉,但通过调整色彩的饱和度和透明度也可以产生变化,使网站避免单调。
  2.使用邻近色
  所谓邻近色,就是在色带上相邻近的颜色,例如绿色和蓝色,红色和黄色就互为邻近色。采用邻近色设计网页可以使网页避免色彩杂乱,易于达到页面的和谐统一。
  3.使用对比色
  对比色可以突出重点,产生了强烈的视觉效果,通过合理使用对比色能够使网站特色鲜明、重点突出。在设计时一般以一种颜色为主色调,对比色作为点缀,可以起到画龙点睛的作用。
  4.黑色的使用
  黑色是一种特殊的颜色,如果使用恰当,设计合理,往往产生很强烈的艺术效果,黑色一般用来作背景色,与其它纯度色彩搭配使用。
  5.背景色的使用
  背景色一般采用素淡清雅的色彩,避免采用花纹复杂的图片和纯度很高的色彩作为背景色,同时背景色要与文字的色彩对比强烈一些。
  6.色彩的数量
  一般初学者在设计网页时往往使用多种颜色,使网页变得很“花”,缺乏统一和协调,表面上看起来很花哨,但缺乏内在的美感。事实上,网站用色并不是越多越好,一般控制在三种色彩以内,通过调整色彩的各种属性来产生变化。 

Read More