首页设计（首页设计包括哪几个主要板块）

大家好！今天让小编来大家介绍下关于首页设计的问题，以下是小编对此问题的归纳整理，让我们一起来看看吧。

创意岭作为行业内优秀的企业，服务客户遍布全球各地，相关业务请拨打电话：175-8598-2043，或添加微信：1454722008

文章目录列表:

• 1、怎么用ps设计网页主页

• 2、怎么做好电商网站的页面设计

• 3、百度首页设计理念

• 4、什么是网站首页?其设计有哪些要求?首页设计包括哪些内容?

一、怎么用ps设计网页主页

制作主页是一项非常复杂的工作，跟创意合成有点类似。首先要根据客户的要求去找一些好的作品作为参考，找出一些灵感，然后搜集相关的素材，并按照自己的思路去慢慢溶图、渲染颜色，处理明暗及细节等。最终效果

一、网页首页模版创建

1、首先打开我们下载的ps软件，左上角选择文件-新建（快捷键ctrl+N），然后创建一个1920x3000的画布，网页设计分辨率选择72就可以，颜色模式我们选择RGB,点击创建；（注意宽度选择的是像素）

为什么我们要创建1920宽的呢，目前我们的显示器分辨率一般为1920px，所以创建1920px宽度的可以使我们的网页背景正好显示完整，左右不会出现空白。

2、接下来我们要将单位与标尺调整为像素，方便我们测量宽高。操作步骤为：编辑-首选项-单位与标尺（快捷键ctrl+K，找到单位与标尺）

3、选择 视图-标尺（快捷键ctrl+R）调用我们的刻度尺，方便直观的看到宽度和高度；左击刻度尺拖出2条参考线分别到360和1560刻度，使中间留有1200px的宽度。两个刻度尺中间的距离就为我们内容展示的区域，使用 （快捷键ctrl+; ）可以显示关闭刻度。

为什么要使用1200px的宽度呢，因为目前主流的网页设计主体内容宽度为980px和1200px，而1200px可以显示更多的内容，网页也可以显得更加的高端大气。

二、使用矩形工具制作黑色背景导航条：

1.选择“矩形工具”，设置填充色为“#333”，描边设为空；

2.创建“图层1”点击画布，在弹出的窗口中设置宽度1920，高度25，点击创建；

3.使用移动工具将导航条移动到左上角；

三、logo图片导入

1、使用文件->打开（ctrl+o），将logo图片打开；

2、ctrl+A选中图片，然后复制粘贴到当前页面中；

3、移动图片到指定的位置；

二、怎么做好电商网站的页面设计

电商平台的首页该如何设计？

一、电商首页的设计思路，从上往下思路是：

1、形象展示

产品品牌是区别产品的重要标志之一，当顾客进入首页感受到这些差异并能够与其他首页有所区别，从而形成认知上的区分和对品牌的信任感。

2、搜索

用户使用搜索栏快速找到心仪的商品，快速定位目标。顾客从某一款商品页面进入首页时，意味着顾客可能有其他商品的消费需求，当顾客有明确的购买目的时，首页需要有搜索导购功能，帮助顾客快速方便地找到所需的商品。

3、推荐和活动

当顾客无明确购买需求时，需要一些推荐和活动来激发顾客的潜在购买需求，例如：新商品的推荐、促销打折、搭配减价。如果店铺正在做这些活动，就需要在首页的明显位置进行展示，以吸引客户下单。

二、一些电商首页设计的方法

1、模拟

在设计中，模拟指的是模仿熟悉的物体、有机体或者环境的特性，增加产品的适用性、喜爱度或者物品功能。设计有三种基本模拟：表面、行为和功能。

2、7±2法则

由于我们头脑处理信息的局限，我们在处理信息内容最好的区间是5-9范围内，而一旦信息块超出人脑接收的范围时，记忆将会自动将超出部分信息过滤、弱化，为了用户提供明确的信息网站导向，导航栏目最多不超过9个，栏目过多会对用户造成混乱难以抉择。

3、曲线偏见

“曲线偏见”法则表示，它是指与带有尖锐边角的物品相比，人们更喜欢曲线造型的物品。从心理角度分析，尖锐的物品具备的是侵略、攻击和伤害，因此对于首页设计上我们绝大部分使用的曲线设计，对于直角等造型设计很少看到，一旦页面的尖锐设计过多时用户会自然而然的产生防御型心理，从而对软件使用产生抵触或者不适应等心理情绪。

4、推荐系统

推荐系统是一种信息过滤系统，如果说之前的模块都属于商品直接推荐的交易型电商，那么现在另一种新的电商形态内容电商，正在逐步崛起。这是一个感性的消费心理。这个商品推荐模块就是一个内容形态模块的快速入口。根据你最近的浏览记录，推荐了一些相关的帖子或者达人。因为每个人关注的商品都不一样。所以呈现的界面模块可能也不一样。在越来越多的软件中可以见到推荐系统。挖掘用户偏好，推荐用户喜欢的内容，提高用户的使用时间和留存率，从而到达市场目标。

三、设计总结

衡量一个电商网站首页不能只看视觉体验。设计的本质是解决问题，而不是只停留在满足“好看”、“有格调”、“上档次”的视觉层面。你的关注点不只是颜色、字体、图片，还有业务的流程。电商本身就是一个购买流程。选购、意向、推荐都需要关注。电商首页是企业需求与用户需求融合的结果，一个首页的好坏直接影响到用户对于产品的第一感官。闻峥文化设计团队注重深度调研、个性定制、创意设计的每个环节，达到商家的流量转化效果，提升商家产品销售。

三、百度首页设计理念

百度是我们使用做多的搜索引擎，那么百度的首页为什么要那样设计呢?它的理念是什么?让我们一起来看看吧!更多内容请关注应届毕业生考试网!

1、 在众多的产品中，我们设计的产品在体验层面是怎么样脱引而出的，作为设计师应该想什么，做什么，怎么做?

2、 一个产品在多端的体验中，又是怎么样保持统一的体验效果。

3、 如何较多层面的洞见用户诉求，提炼和总结成一个具体的、可衡量的标准，创造更极致的用户体验。

百度三端首页每天数亿人使用，作为设计团队我们经过不断实践和反思，提炼整合确立了自己的设计观，通过以下一些案例分享其中一些经验，希望以此作为设计师工作思考的模板与参考。

一、“精确”— 带来多端统一的设计

随着智能设备的普及，浏览方式的多样化，百度首页也面临着多终端的挑战。如果缺少设计原则，就像走在钢索上的人，步步都可能是陷阱。因此在多终端的快速改版和保证品牌一致性并存的路上，我们一直遵循以下几项原则：统一设计来源、统一布局方式、统一视觉图形。

统一的设计来源可以使多端拥有一致化的体验。黄金分割是最普遍也是最能引起人美感的。我们所熟知的蒙娜丽莎的脸、雅典的帕台农神庙等都应用了该比例设计。百度三端首页的排版设计也不例外。黄金分割点约等于0.618：1，百度pc首页的搜索区距页面底部是474px，整体版面的高度是768px，两者之间的比例是0.618，非常接近黄金分割。wise首页及padweb同样都是运用了黄金分割来规范搜索框的位置，让有规则的美，严谨的融入其中。

统一的布局可以使品牌的一致性发挥的淋漓尽致。我们需要为用户营造良好的搜索体验，去掉其他的干扰因素。比如在端的设计中为保证搜索框的简洁，搜索框周围的留白，给用户更好的搜索体验。在产品形态上，从用户的使用场景出发，提供多种搜索方式，语音搜索和图片搜索，可以让更多的人平等的得到所求。

统一的视觉感受是首因效应。百度三端首页统一的品牌色“百度蓝”的出现，利用色彩增强了对品牌的记忆，让用户记忆犹新。百度一下是近因效应，他引导用户在每一次使用的时候都对百度的品牌发起重复记忆，在用户的脑海中形成一种强势的语言。

二、“精准”— 需求前期的用户分析

唐.诺曼曾经说过，如果用户界面设计中有任何神圣的原则，那必然是“了解你的用户”。遵循这一点，我们在设计初期，对用户画像进行“庖丁解牛”似的分析，不但可以帮助设计师更好的理解用户和产品，更指导和定位了产品的设计格局。

在百度wise首页改版设计的前期，我们使用问卷调查和用户访谈的方法去做全方位的用户画像分析。

百度wise首页作为日均pv1亿以上的综合性平台，细化用户画像，对其进行属性分割就显得更为重要。用户的`基本需求，除了满足搜索以外，年轻用户对于新闻娱乐信息有较强的阅读，而大龄用户则对NS等信息入口依赖性强。

针对用户的需求划分，我们大致归纳为信息导向、搜索导向。同时结合问卷调查中的各领域偏好，建立个性化推荐机制，增加用户粘性，为产品创造更大的价值。 我们对页面的整体风格设计方向的定位是个性、简约。个性——让用户更有效的把注意力集中在内容上，在期间不断的进行对设计的探索和研究，简约——让用户在使用我们产品时能够跟轻便和舒适的获取所需。最终呈现出了全新的百度wise产品体验。

信息导向-feed提供个性化、多维度阅读体验。wise首页从一开始的卡片聚合形式经过两个全量版本，和无数个小版本的实验，一步步走向feed瀑布的信息聚合形式。注重更精准的个性化信息推荐，为用户提供更加契合的信息。

信息流由右图模式改为左图模式，看似一点的改变，其实却有效的优化了用户体验，从眼动实验中的到结论，人的浏览路线为“之”字型，图片在左侧更可以在第一时间吸引用户的关注度，图片的阅读速度大于文字很多倍，可以在同样的时间，诉求更快的得到满足。

搜索导向-搜索入口的更好展现。搜索框作为发起搜索最直接的途径，对它一点点的改变都是非常慎重的，在用户对信息量需求激增的前提下，调整搜索区域与信息区域的占比变得尤为重要。运用黄金比例，将搜索框定位在一个最优的比例上，同时保证信息展现的最大化。搜索框区域提升，内容区域展现更多，满足资讯需求。

三、“精细”— 设计中细节决定成败

精细的细节可以可以让产品散发气质、加强用户对产品印象和关注度。在首页的产品设计中我们不断为视觉细节体验进一步打磨。在细节中我们对图标、文字、颜色都进行了细节的严格把控

图标在界面设计中被广泛的应用，图标会延续对真实世界的认知，用图说话，用图沟通。百度三端首页在图标的设计上遵循了一直一来坚持的线型设计风格，在原型的基础上进行精雕细琢。

让搜索干干净净，清晰的视觉风格，去掉搜索框的效果修饰， 背景颜色更加清爽。

这是我们百度首页UE团队的工作理念和设计观，这是我们团队元思考和组织建设的基础。经过不断的磨炼与反思，我们充分认识到了工作理念和设计观对于一个团队的重要性，我们时刻在提醒自己，要不断对已有的经验和结论进行反思，要从更多的视角对它进行观察和思考。只有与时俱进，才能生生不息。

四、什么是网站首页?其设计有哪些要求?首页设计包括哪些内容?

网站首页，亦称主页、起始页，是用户打开浏览器时自动打开的一个或多个网页。首页也可以指一个网站的入口网页，即打开网站后看到的第一个页面，大多数作为首页的文件名是index、default、main或portal加上扩展名。

网站的首页是一个文档，当一个网站服务器收到一台计算机上网络浏览器的消息链接请求时，便会向这台计算机发送这个文档。当在浏览器的地址栏输入域名，而未指向特定目录或文件时，通常浏览器会打开网站的首页。

网站首页往往会被设计编辑得易于了解该网站的整体信息，具有导航的作用，提供层出不穷的信息，并引导互联网用户浏览网站其他部分的内容。 这部分内容一般构成为一个目录性质的内容。

以上就是小编对于首页设计问题和相关问题的解答了，如有疑问，可拨打网站上的电话，或添加微信。

推荐阅读：

中国宜家家居官网首页（宜家 中国官网）

网页设计首页（页面设计）

小红书官方网站首页（小红书官方网站）

江西大型生态景观设计咨询（江西大型生态景观设计咨询有限公司）

手机店有ipad买吗（手机店里的ipad都是真的吗）