一、网站首页的设计和布局怎么做
（在出奇网络上扒的，可以说言简意赅了！）⒈主次分明，中心突出在网页界面设计中，设计者必然要考虑视觉的中心，也就是“最佳视域”，它一般位于电脑屏幕的中央，或者在屏幕中间偏上的部位。因此，一些重要的信息和图片一般可以安排在这个部位，在视觉中心以外的地方可以安排稍微次要的内容，这样在页面上就突出了重点，做到了主次有别。另外，人们的阅读视线通常都是从左至右、由上往下地阅读，因此设计者也要把握好这种视觉流程。在网页中有一个7秒钟定律，即当用户进入网页之后，如果在7秒之内没有看到特定内容，那么这项内容的设计及位置安排注定会失败。由此可见，突出重点是非常重要的。
⒉明确的导航，彰显有价值的信息网站中的栏目导航对网站内容起到提纲挈领的作用，引导着用户浏览网站的相关信息。清晰、明确的导航，可以帮助网站用户更方便快捷地浏览和找到他们所需要的信息，并给以一定的网站服务和在线帮助，从而避免在浏览网页过程中找不到方向。好的导航能够让用户在打开页面的第一时间找到，或者是让用户瞬间反应出此为网站的导航。导航的用语选择应该精炼易读，色彩搭配明确，布局妥当，设计独特，使用户通过导航能够快速了解整个网站的主要内容。
⒊图文并茂，相辅相成文字和图片具有一种相互补充的视觉关系。文字和图片都是传递信息的手段，但各自的特点不同:文字所表达的信息量大，但显得沉闷枯燥，缺乏生气;图片所传递的信息量小，但比较生动活泼。文字与图片两者的比例不能过大，否则，页面就会显得单调而过于混乱。因此，最理想的效果是文字与图片密切配合，互为衬托，既能活跃页面，又丰富了网页内容。
⒋图形与字体、色彩等因素协调统一一般而言，在所有的网页动画设计中，图形设计部分处于主要地位。字体和色彩诸视觉因素与图形因素互相配合、互为补充地构成了一个整体性的图形设计。图形、字体与色彩诸因素彼此相互作用、相互影响，共同表达出设计的中心思想内涵。只有如此，设计所要阐发的主题思想才能更准确和集中，视觉传达才能更强烈和有力度。反之，则会给观者造成一定的视觉混乱，偏离设计主题，从而达不到应有的设计意图。
⒌注意空白的设置和运用空白在构图上有着不可忽视的作用，它是进行艺术表现的重要手段。设计中把强调、突出、给人强烈印象的构成要素周围留下空白，能扩大和提高视觉效果，同时利于视线流动，破除沉闷感。着意处理的空白，能留下艺术想象的天地，增强画面的灵性与气韵。有些网页设计者总想把界面“充分利用”，把文字、图像安排得满满的，认为设计画面留有空间是一种浪费。殊不知，这种庞杂堵塞的构图往往使人望而生畏，留不下一点印象，失去了设计的意义。一般情况下首页设计要分类清楚，简单明了，让用户更容易找到自己想要的或者让用户更容易看到你想呈现的主体部分。
头部：LOGO+导航栏（菜单栏）+登录注册（如果有这部分功能的话）+搜索栏（如果有的话）
主体：这是你主要想呈现的主体部分。一般分为产品封面及简介--->各类资讯（行业，公司等文本类信息）--->主体特色（指你网站主体的优势，特点等）
尾部主要以超链接为主：网站协议--->备案信息--->联系方式--->网站介绍--->各大类平台链接（微博，微信等）很多人常常询问某个页面该如何布局这样的问题，其实网页布局要做到两点我认为起码可以做到临阵不慌，一是对常见的布局方式心中有数，二是根据信息内容及设计素材的特点进行摆积木式的多次尝试。
当然在设计之前我们要了解客户的需求、网站的定位、受众群等很多方面的事情，也就是说需要了解策划方案。如果我们连这些问题都还不清楚的话，请先不要去想着设计，因为在不了解客户需求的情况下，盲目的去把页面设计达到某种视觉效果是很难的、也会很容易被客户推翻的，即使客户不懂，过关了，但是如果没有真正为客户带来价值，它还是失败的。
当我们真正了解客户需求后，你可以尽可能的发挥你的想象力，将你想到的"构思"画上去（用笔和纸或者软件都可以，根据自己的习惯而定），这是属于一个构思的过程，不讲究细腻工整，也不必考虑到一些细节的部分，只要用几条粗陋的线条勾画出创意的轮廓即可。尽可能的多构思一些，以便选择一个最适合的进行搭建。
二、阿里巴巴网页设计布局
下面让我们来对阿里巴巴的网页设计布局进行分析：
设计作品的整体效果是至关重要的，在设计中切勿将各组成部分孤立分散，那样会使画面呈现出一种枝蔓纷杂的凌乱效果。点击打开阿里巴巴的网站，访问者可以很快的查找到自己所要寻找的信息和内容，理由是它的每个页面都有独立的标题，并且网页标题中含有有效的关键词，每个网页还有专门设计的meta标签，而且图形和文本层叠有序，框架结构明显。从整体上看网站上的图片不是很多，因为它知道搜索引擎读不出来图片的信息和内容的。
阿里巴巴的各组成部分在内容上的内在联系和表现形式上的相互呼应很明确，并注意到了整个页面设计风格的一致性，并且在搜索引擎搜索信息的情况下，阿里巴巴将它的主要业务放在了整个框架的最左边也就是搜索引擎最关注的地方。它抓住了搜索引擎的在搜索信息的特点。实现视觉上和心理上的连贯，使整个页面设计的各个部分极为融洽。
分割，是指将页面分成若干小块，小块之间有视觉上的不同，这样可以使观者一目了然。阿里巴巴在这方面就做的很出色。它在信息量很多时，将关键词列出来，将画面进行了有效的分割，使关注者更清楚的知道关键词的背后就是他所要的信息。所以网页设计中有效的分割可以被视为对于页面内容的一种分类归纳。
对比就是通过矛盾和冲突，使设计更加富有生气。对比手法很多，例如：多与少、曲与直、强与弱、长与短、粗与细、疏与密、虚与实、主与次、黑与白、动与静、美与丑、聚与散等等。阿里巴巴在网页设计中无论是颜色、文本信息、文字的大小、格式、等等都无可非议。因为它给人的感觉很协调很舒服。
和谐是指整个页面符合美的法则，浑然一体。如果一件设计作品仅仅是色彩、形状、线条等的随意混合，那么作品将不但没有“生命感”，而且也根本无法实现视觉设计的传达功能。和谐不仅要看结构形式，而且要看作品所形成的视觉效果能否与人的视觉感受形成一种沟通，产生心灵的共鸣。这是设计能否成功的关键。打开阿里巴巴的网页一开始给人有点单一的感觉，因为它的色彩不时很鲜明，但是从整体角度在看会发现它的颜色和线条的搭配让人的视觉效果和它的网页达到一种想沟通的效果，尤其是它框架两边的空白部分从美学角度可以说明两点：一是显示阿里巴巴企业的卓越；二是显示网页品味的优越感。所以从整体上体现出了网页的格调。
所以阿里巴巴之所以能够做到今天这样的成就，可以看出它在每一个方面的专业化和深入的程度。所以其他的网站在设计布局的同时有必要向阿里巴巴深入的学习。
三、企业建站如何设计“关于我们”页面(上)
对于关于我们页面的设置，简单来说，主要是为了表达以下2点主旨：
1、向浏览者传达本站的价值，留住用户。
2、始终提醒自己站点的主旨，不要跑题。
关于页面存在的目的就是尽快让浏览者找到网站的方向，或者作为进一步补充，比如陈列相比竞争对手而言，自己的优势和特色，所以名字越简单、越朴素就越好。
典型的门户的名字比较传统，因为它们无人不晓。比如网易的公司简介，谷歌的Google大全。
大众、平易近人的网站往往都称呼为关于我们，比如嘀咕、phpChina;关于+网站名称的类型也不在少数，比如豆瓣和支付宝。
个人站点比较简约，两个字搞定：关于，人人网等很多社会化网络站点也是如此。
多数国外站点同上，比如aboutFlickr、aboutus、about。
标题、标识、内容或知名度非常强的网站放在页脚。
这些类型的网站要么你们熟知，要么一眼就能看出它讲的是什么，比如新浪微博，淘宝。
小站点，比如个人站点、博客，或者全新的网站，有必要显性地通告浏览者本站的导向和意图(以期靠好奇心最大程度留住访客)，放在页首。
作文讲究开门见山，这里也是如此，不要东拉西扯!目的要明确。
2、直接且有效。不拐弯抹角，不讲大话空话。
4、简洁。如果可以删掉，那就没必要写上去。
5、引向帮助页面。不需要把各个特点展现到身临其境的地步;这里也不是疑难解答所。还有困惑?去帮助页面吧(而不是被弄得一头雾水后关掉网站)。
6、网站不出名，但主办出名。如果你不知道Flickr，但你一定知道雅虎吧。如果你不知道爱奇艺，你一定知道百度，依靠主办方，衬托自己的气势。
7、网站有意思，想看看作者是啥样的。假若你喜欢哈利波特，你很可能对罗琳(是如何创作的，她的生平等)也感兴趣。同样，比如个人网站。站点上的内容不错，访问者还想对博主一探究竟那就满足这个小小的愿望吧，他们肯定会回来看你的。
关于我们页面是让网站访客能联系你，以及了解公司团队成员的一个重要入口，在此，我整理了9个创建优秀关于我们页面的设计原则，适合新手学习/查漏补缺。
在某些情况下，访问者可能会有更多的问题或想要了解更多信息，通过将你的联系方式直接放在该页面能帮助用户非常容易的联系到你。
如果你提供了多种联系方式并将其放在了一个单独的页面，那么请保证用户至少在关于页面能直接链接至该页面。
最好放置一张你的或你团队的真实照，这能让那些好奇的访问者了解到你的网站背后是有一群真实的人为之付出的，并非机器程序。
一定要避免使用那些在网络上找来的西装革履的人物形象，这毫无价值所言，用户又不傻。
3、不要给用户毫无意义的冗余信息
我们致力于通过出色的性能为客户提供卓越的价值以及提供世界知名服务从而成长为业界第一诸如此类陈述可适用于大部分的企业。
但读者更想要了解的是你本身和你的企业，并非这种口号式的目标。因此，别再拿这种信息浪费用户的阅读时间了。
用户访问关于我们页面是希望快速的了解到你的相关信息，但如果你的信息排版也好，样式也好并不利于阅读，那他们可能需要阅读所有内容去找到他们在找的关键信息。
因此，最好把页面内容合理分块并标明易于理解的标题，从而让用户的阅读过程变得轻松。
让用户知道企业或网站站主所在的地理位置是增强可信度的一个非常简单的办法，你当然可以只写明自己的地址，但最好还是考虑下放置一个地图模块。
虽然这个地图可能并没有什么实际作用，不会有用户真的有兴趣前往你的实际所在地，但毕竟作为一张图片来讲或多或少都能增强纯文本的表达力。
当用户浏览了你的关于页面后，不妨给他们一个继续跟你的站点发生点什么的选项。
比如，让他们可以订阅你的博客、注册账号使用你提供的服务或者购买你的产品，无论提供哪种选项，都尽量确保把它放在最起眼的地方。
当一个用户访问并阅读关于页面的时候，这种行为往往表现了其潜在的兴趣，你要考虑趁机会使他们能够轻易的与你或你的网站进一步发展关系。
展示你的优势以及为什么你有能力做这样的事情，这就给了人们一个投入时间信任你的理由，从长远来看，他们可能向你投入个人信息和金钱，因为这种信任关系。
想象一下：一个用户是首次访问你的站点，还不了解你是干什么的。那么不妨在正式介绍你究竟有何独特前，先使用一段简短直白的表述，例如我们是一个出版集团、属于发烧友的扬声器公司、全职博客主等。
9、告诉用户为什么你在做当前的事情
通过描述为什么你在做的事，你能清晰地向用户传达是什么能让你独一无二，这是把你区分于一大堆竞争者的一个方法，同时能够向用户传达出你的服务理念和价值观。
文章到此结束，如果本次分享的联系我们页面设计和联系我们页面设计web的问题解决了您的问题，那么我们由衷的感到高兴！
