网页设计逻辑

1、网页设计逻辑是怎样的

1. 色彩过于统一
关于颜色的杂乱，很多文章都掏心窝子的讲过，但是我不得不告诉你，色彩这个东西，你光靠看看色轮，色谱，买点pantone放桌上是没有用的，色彩有规则性，而每个人的色彩感受没有规则性，要做好色彩设计，除了大量的练习与观察，最重要的是相信自己的直觉，如果你不知道如何把握色彩 — 你先记住“黑白灰+主色”的方式，也就是一种主色，通过黑白灰来协调辅色的逻辑。
比起色彩杂乱来说，过于统一的色彩其实给用户造成的困扰更大，“使用统一的色彩更容易记忆”这个说法是不太严谨的，此观点成立的前提是这个产品的色彩设计应该符合人的视觉感受，首先产生美，和谐的感觉，然后才有可能去记忆，否则人脑会本能的排斥。我上面发的这个图，在各大“官方”机构的活动与宣传中屡见不鲜，不但缺乏重心，而且刺 — 这一再证明了我们的大部分领导都是美盲，这比文盲更加可怕。
2. 过多的字体
不管你是做平面，做书籍，还是做网站，视觉格式塔理论告诉我们，同一属性的玩意一多了，人的内心就紧张，比如：你看到20只蚂蚁在你脚下，你会蹲下来看看她们在忙什么，如果是20万只蚂蚁朝你冲过来，你除了尖叫还能有更好的办法么?
在有限空间内使用过多字体的做法，正是这种心理反应。在运用字体的时候，第一个关键就是尽量减少字体种类，你可以把自己使用的字体控制在3个以内，如果字体一定超过三种怎么办?通过大小，间距，透视，角度，对比，颜色等方式把不重要的信息部分的字体淡化掉，而突出最为重要的信息。
3. 无序的版式
近几年一直在兴起一股混合艺术还有自由插画的风气，首先我们不讲这是国际设计圈玩剩下的东西，我们单就画面表现来看，这种风格绝对不是下载一堆AI或者PSD源文件，稍微ctrl+u一下就可以拼凑出来的，乱七八糟的应接不暇和丰富多彩的视觉拼盘

2、网页设计的中心思想是什么？

网页设计不只是单纯的前瞻性和令人印象深刻。它要体现一个中心，那就是为游客提供了许多有用的现代化功能，使他们能够在现场逗留一段较长的时间，购买的产品和服务，或仅仅是为了了解更多有关业务。在网页时机中，使用简单，这是给游客提供的特点。但它是不容易的，因为很多设计师要在网页上面分部各种功能，在此过程中构建一个简单的网站。为了游客的快速浏览，页面上总是很多按钮的存在。网页设计的另一个重要方面，布局应该是合乎逻辑的的，色彩应该是让人舒心的。这样做，是为了让用户不会这么的烦恼。任何东西，都需要留下一部分未来的发展空间。

3、网页设计流程是什么？

设计流程：

主题明确：

在目标明确的基础上，完成网站的构思创意即总体设计方案。对网站的整体风格和特色作出定位，规划网站的组织结构。

Web站点应针对所服务对象（机构或人）的不同而具有不同的形式。有些站点只提供简洁文本信息；有些则采用多媒体表现手法，提供华丽的图像、闪烁的灯光、复杂的页面布置，甚至可以下载声音和录像片段。好的Web站点把图形表现手法和有效的组织与通信结合起来。

为了做到主题鲜明突出，要点明确，应该使配色和图片围绕预定的主题；调动一切手段充分表现网站点的个性和情趣，办出网站的特点。

充分利用已有信息，如客户手册．公共关系文档．技术手册和数据库等。

设计思路：

1、简洁实用：这是非常重要的，网络特殊环境下，尽量以最高效率的方式将用户所要想得到的信息传送给他就是最好的，所以要去掉所有的冗余的东西。

2、使用方便：同第一个是相一致的，满足使用者的要求，网页做得越适合使用，就越显示出其功能美

3、整体性好：一个网站强调的就是一个整体，只有围绕一个统一的目标所做的设计才是成功的。

4、网站形象突出：一个符合美的标准的网页是能够使网站的形象得到最大限度的提升的。页面用色协调，布局符合形式美的要求：布局有条理，充分利用美的形式，使网页富有可欣赏性，提高档次。当然雅俗共赏是人人都追求的。

5、交互式强：发挥网络的优势，是每个使用者都参与到其中来，这样的设计才能算成功的设计。这样的网页才算真正的美的设计。

版式设计：

网页设计作为一种视觉语言，特别讲究编排和布局，虽然主页的设计不等同于平面设计，但它们有许多相近之处。

版式设计通过文字图形的空间组合，表达出和谐与美。

多页面站点页面的编排设计要求把页面之间的有机联系反映出来，特别要求处理好页面之间和页面内的秩序与内容的关系。为了达到最佳的视觉表现效果，反复推敲整体布局的合理性，使浏览者有一个流畅的视觉体验。

色彩作用：

色彩是艺术表现的要素之一。在网页设计中，设计师根据和谐、均衡和重点突出的原则，将不同的色彩进行组合．搭配来构成美丽的页面。 根据色彩对人们心理的影响，合理地加以运用。如果企业有CIS（企业形象识别系统），应按照其中的VI进行色彩运用。

形式内容：

为了将丰富的意义和多样的形式组织成统一的页面结构，形式语言必须符合页面的内容，体现内容的丰富含义。

灵活运用对比与调和、对称与平衡、节奏与韵律以及留白等手段，通过空间、文字、图形之间的相互关系建立整体的均衡状态，产生和谐的美感。

三维空间的构成：

网络上的三维空间是一个假想空间，这种空间关系需借助动静变化．图像的比例关系等空间因素表现出来。 在页面中，图片、文字位置前后叠压，或页面位置变化所产生的视觉效果都各不相同。

通过图片、文字前后叠压所构成的空间层次不太适合网页设计，根据现有浏览器的特点，网页设计适合比较规范、简明的页面，尽管这种叠压排列能产生强节奏的空间层次，视觉效果强烈。

网页上常见的是页面上、下、左、右、中位置所产生的空间关系，以及疏密的位置关系所产生的空间层次，这两种位置关系使产生的空间层次富有弹性，同时也让人产生轻松或紧迫的心理感受。

虚拟现实：

人们已不满足于HTML（标准通用标记语言下的一个应用）编制的二维Web页面，三维世界的诱惑开始吸引更多的人，虚拟现实要在Web网上展示其迷人的风采，于是VRML语言出现了。

VRML是一种面向对象的语言，它类似Web超级链接所使用的HTML语言，也是一种基于文本的语言，并可以运行在多种平台之上，只不过能够更多地为虚拟现实环境服务。

多媒体：

网络资源的优势之一是多媒体功能。要吸引浏览者注意力，网页的内容可以用三维动画、FLASH等来表现。但要由于网络宽带的限制，在使用多媒体的形式表现网页的内容时不得不考虑客户端的传输速度。

便于使用：

如果人们看不懂或很难看懂您的网站，那么，他如何了解你的企业信息和服务项目呢？使用一些醒目的标题或文字来突出您的产品与服务。

并且即使您拥有最棒的产品，如果客户从您的网站上看不清楚您在介绍什么或不清楚如何受益的话，他们是不会喜欢您的网站的，这对于网页设计而言是失败的。

导向清晰：

网页设计中导航使用超文本链接或图片链接，使人们能够在您的网站上自由前进或后退，而不必让他们使用浏览器上的前进或后退。我们在所有的图片上使用“ALT”标识符注明图片名称或解释，以便那些不愿意自动加载图片的观众能够了解图片的含义。

快速下载时间：

很多的浏览者不会进入需要等待5分钟下载时间才能进入的网站，在互联网上30秒的等待时间与我们平常10分钟等待时间的感觉相同。因此，建议在网页设计中尽量避免使用过多的图片及体积过大的图片。主要页面的容量应确保普通浏览者页面等待时间不超过10秒。

非图形内容：

在必要时适当使用动态“Gif”图片，为减少动画容量，应用巧妙设计的Java动画可以用很小的容量使图形或文字产生动态的效果。但是，由于在互联网浏览的大多是一些寻找信息的人们，仍然建议您要确定您的网站将为他们提供的是有价值的内容，而不是过度的装饰。

反馈与沟通：

让客户明确您所能提供的产品或服务并让他们非常方便地订购是您获得成功的重要因素。如果客户在您的网站上产生了购买产品或服务的欲望，您是否能够让他们尽快实现吗？是在线还是离线？

因此，如果是产品或服务介绍网站，应该有留言、电话、在线咨询等功能或信息呈现。

在企业的Web站点上，要认真回复用户的电子邮件和传统的联系方式如信件．电话垂询和传真，做到有问必答。最好将用户的用意进行分类，如售前一般了解．售后服务等，由相关部门处理，使网站访问者感受到企业的真实存在并由此产生信任感。

测试改进：

测试实际上是模拟用户询问网站的过程，用以发现问题并改进网页设计。应该与用户共同安排网站测试。

内容更新：

企业Web站点建立后，要不断更新网页内容。站点信息的不断更新，让浏览者了解企业的发展动态和网上职务等，同时也会帮助企业建立良好的形象。

注意不要许诺你实现不了的东西，在你真正有能力处理回复之前，不要恳求用户输入信息或罗列一大堆自己不能及时答复的电话号码。 如果要求访问者自愿提供其个人信息，应公布并认真履行个人隐私保承诺。

(3)网页设计逻辑扩展资料：

网页设计（web design，又称为Web UI design，WUI design，WUI），是根据企业希望向浏览者传递的信息（包括产品、服务、理念、文化），进行网站功能策划，然后进行的页面设计美化工作。

作为企业对外宣传物料的其中一种，精美的网页设计，对于提升企业的互联网品牌形象至关重要。

网页设计一般分为三种大类：功能型网页设计（服务网站&B/S软件用户端）、形象型网页设计（品牌形象站）、信息型网页设计（门户站）。设计网页的目的不同，应选择不同的网页策划与设计方案。

网页设计的工作目标，是通过使用更合理的颜色、字体、图片、样式进行页面设计美化，在功能限定的情况下，尽可能给予用户完美的视觉体验。高级的网页设计甚至会考虑到通过声光、交互等来实现更好的视听感受。

网页设计主要以Adobe产品为主，常见的工具包括FW、PS、FL、DW、CDR、AI等，其中DW是代码工具，其他是图形图像和FL动画工具。还有最近几年Adobe新出的EdgeReflow、EdgeCode、Muse。

标题设计：

在设计网页标题时，应注意同时兼顾对用户的注意力，以及对搜索引擎检索的需要。这一原则在实际操作中可通过三个方面来体现，这三个方面也可以被认为是网页标题设计的一般规律：

1、网页标题不宜过短或者过长

一般来说6-10个汉字比较理想，最好不要超过30个汉字。网页标题字数过少可能包含不了有效关键词，字数过多不仅搜索引擎无法正确识别标题中的核心关键词，而且也让用户难以对网页标题（尤其是首页标题，代表了网站名称）形成深刻印象，也不便于其他网站链接。

2、网页标题应概括网页的核心内容

当用户通过搜索引擎检索时，在检索结果页面中的内容一般是网页标题（加链接）和网页摘要信息，要引起用户的关注，网页标题发挥了很大的作用。

如果网页标题和页面摘要信息有较大的相关性，摘要信息对网页标题将发挥进一步的补充作用，从而引起用户对该网页信息点击行为的发生（也就意味着搜索引擎推广发挥了作用）。

另外，当网页标题被其他网站或者本网站其他栏目/网页链接时，一个概括了网页核心内容的标题有助于用户判断是否点击该网页标题链接。

3、网页标题中应含有丰富的关键词

考虑到搜索引擎营销的特点，搜索引擎对网页标题中所包含的关键词具有较高的权重，尽量让网页标题中含有用户检索所使用的关键词。

以网站首页设计为例，一般来说首页标题就是网站的名称或者公司名称，但是考虑到有些名称中可能无法包含公司/网站的核心业务，也就是说没有核心关键词，这时通常采用“核心关键词+公司名/品排名”的方式来作为网站首页标题。

开头所列举的某网络营销服务商网站首页标题实例，其实也是采用这种方式来设计网页标题，只不过由于罗列了太多的“核心关键词”，反而没有了核心。

做美工看起来并不是一件容易的事情。首先，要对整个站点和企业有个大致的了解。例如：某些企业喜欢蓝色的主调，你不可能去做个红色的主调，这样完全违背客户的主要意愿，如果百度的标志改成五颜六色的，相信大家也不会认可的。

站长的职责是规划网站结构。同样也需要有一定的审美观。下面介绍了几款常用的绘图工具和基本知识。

参考资料：

网络-网页设计 （网站技术）

4、网页设计流程，用画原型图吗？逻辑谁来设计

首先要有网页或者说是网站的需求方提供需求内容。
例如页面要包括哪些，如用户登录，注册，信息展示，甚至在线支付之类的东西。
然后还要有一些具体功能需求，如用户注册需要提供哪些资料，如身份证，地址之类的信息。
信息展示具体是哪些。

有需求方先要写明自己的需求，然后根据需求进行下一步的设计，原型图肯定要画，因为没有图就无法制作网页。
先把图画好，然后和对方商定细节，例如logo的大小，段落间距，字体颜色，之类的细节东西。
画好图并确定后就可以按照图来制作网页。
至于内部后台相关也要商定。
具体由谁来做什么要视情况而定。
例如如果对方公司有美工之类的，可能就直接给你一些素材甚至画好的图让你直接制作。
也有可能需要你自己画图或者找人画图。

5、平面设计，网页设计，ui设计三者有什么区别

区别一：定义不同

1、平面设计，是以“视觉”作为沟通和表现的方式，透过多种方式来创造和结合符号、图片和文字，借此作出用来传达想法或讯息的视觉表现。

2、网页设计，根据企业希望向浏览者传递的信息（包括产品、服务、理念、文化），进行网站功能策划，然后进行的页面设计美化工作。

3、UI设计，指对软件的人机交互、操作逻辑、界面美观的整体设计。

区别二：使用平台不同

1、平面设计是纸媒时代的产物，主要以平面媒体或载物进行设计，报纸、杂志、画册、海报、宣传页、书籍装帧等都是平面设计的工作。随着互联网及移动互联网的发展，浏览逐渐趋向移动端发展，平面设计的发展也受到一定的阻碍。

2、网页设计主要针对的PC端运用的设计，后来移动互联网的流行，网页开始在手机上流行起来，为保证能够多端正常显示，在HTML5和CSS3的帮助下，“响应式设计流行”，使得网页能够在任何平台都能正常显示。

3、UI设计主要针对的PC端运用的设计手机系统界面、软件界面、网站界面、游戏操作界面、智能电视界面、汽车导航界面、VR虚拟现实等都需要UI设计师。

区别三：信息量不同

1、平面设计承载的信息量是有限的。

2、网页设计或UI设计的信息承载量是无限的。

3、平面设计是无法与读者进行沟通获取用户反馈的或者二次更新的。

6、什么是逻辑网络设计?

逻辑网络:定义1： 逻辑网络是指一个单独的网络或一个子网.如果采用非路由方法,是否意味着子网间不能互相通信.假如出于完全安全隔离考虑,此方法也未尚不可 定义2： 目前普遍采用的是传输控制协议网际协议TCP/IP即TCP对应OSI七层模型的传输层IP对应网络层这两层称为逻辑网络.而物理层和数据链路层称为物理层保持与OSI的规定一致 定义3： 之所以称为“逻辑网络”,是因为从物理连接的方式来看,它们仍属于同一条UCN网,只是在逻辑概念上划分为两条UCN网 IP地址采用层次结构，按照逻辑网络结构进行划分，与地理位置无关。例如，只要两台主机具有相同网络号，不论它们在什么地方，都属于同一逻辑网络；如果两台主机网络号不同，即使比邻放置，也属于不同的逻辑网络。 了解这个逻辑网络设计就不难理解了:就是设计逻辑网络的工程人员

7、网页设计前端和后端的区别？越详细越好。

前端开发和后copy台开发是有区别的，工作的内容和负责的东西是完全的不同的，以下以网站的开发为例。

1、前端开发
前端开发现在一般指的就是web前端开发工程师，其负责是网站前端页面也就是网页的页面开发，简单的说网站前端负责是东西是网站用户可见的东西，如网页上的特效、网页的布局、图片、视频等内容。网站前端工程师的工作内容就是将美工设计的效果图的设计成浏览器可以运行的网页，并和后端开发工程师配合做网页的数据显示和交互。

2、后端开发
后端开发一般也叫做后台，其负责是网站后台逻辑的设计和实现还有用户及网站的数据的保存和读取。比如一般网站都是有用户注册和登录的，用户的注册的信息通过前端发送给后端，后端将其保存在数据库中，用户登录网站的时候，后端需要通过用户输入的用户名和密码是否与数据库中的一致来判断用户是否有权限登录，这是后台开发中的一个最简单的功能。

8、网页设计要学些什么？如何让你设计贴合用户逻辑？

网页设计首先要学习美工方面，要相信，大多人都是“外貌协会”，一个好的设计师设计出来的网页，一定会第一时间抓住用户的眼球的，因为无论从颜色的搭配，元素的运用，结构框架的排版，风格的统一，都体现一定的专业性，这个专业性通常会更符合用户的使用习惯和逻辑的。
网页设计不是拼凑，如何让设计更好的贴合用户逻辑，我觉得最重要的一点就是从用户的角度出发，去考虑问题了。
比如：客户是机械行业的，那么暖色调搭配再漂亮，总归是不符合行业特征；
元素运用上：企业都是蓬勃发展的，所以如果元素运用上，一定要用朝阳，而不是夕阳，细心的客户也会有这方面的忌惮的；
框架结构上：如果是营销型网站，那么什么样的结构更能促进用户转化，这个时候一定要多方面考虑了，不能一味的只管漂亮的图片，更多要考虑用户的体验。
然后就是网站风格的一致性：对于色调、图标、字体、还有后期做的特效，最好能保持一致性，进一步增加用户体验。
所以，好的网页设计，不仅要有专业，也要有经验，什么行业的用户需要什么，心里要有概念，不清楚就需要更多的学习喽

9、想学习美工或网页设计，如何有效的提高逻辑思维和美感

首先，建议要精读或者精学三门课程：离散数学 数据结构 编译原理。所谓的精读或者精学，不是说简简单单为了应付考试的学习，而是对每个细节每项内容都穷究其理，融汇贯通。精学这3门课程的本身就是逻辑思维和抽象思维能力的很好锻炼。其中前两门课程，其知识本身在未来也有大用，编译原理本身作为一般程序员用到的机会可能不多，但是学编译原理真的很锻炼逻辑思维和抽象思维能力。
其次，可以多玩一些抽象类，数字类的游戏，例如数独。
再次，多精读一些好书，尤其是设计类的书，推荐《设计模式》，边读要边思考，不是灌输式的读书，是思辨式得读书
再再次，花大量时间去优化代码，不管是自己的还是别人的。用不同的方式，不同的思路，不同的算法，不同的结构去改写和优化代码。尤其是算法类的代码，系统控制类的代码。

很少有人能单单通过所谓“逻辑思维”从复杂问题快速找到抽象的，如果有这样的人，他的经验，工具，方法和直觉通常起到比逻辑思维更重要的作用。写代码需要逻辑思维，但解决复杂问题更需要理解分析，写代码只是解决问题比较靠后的步骤。所以不急着写代码，也不急着找抽象，先试着理解问题本身，而不是下意识地想把问题套进已知的，熟悉或不熟悉的工具，那样是本末倒置的。

多数情况下，只要有一点耐心，理解问题并不难，这个时候既是逻辑推演，更是探索发现。

比如交通灯控制，是一个不那么简单的问题，不急着找模型，也不急着编程，想一想一个交通灯有几种状态，一组交通灯有几种状态，不同的路口的交通灯有几种状态，把具体的例子列出来，你大概会有一个概念：那就是你要写交通灯管理程序本质就是一个状态管理的过程。这个时候还没有得到适合编程的抽象，但你已经积累了对输入和输出的认识，接下来可以写一点简单代码或者伪代码，把各种case的逻辑都单独实现一遍，把各种状态之间的转换的条件和过程勾勒出来，从这里观察他们在数据和流程上有没有共性，有没有可以优化的余地，这样你就慢慢地找到你要的抽象，然后看看你熟悉的工具（比如编程语言）提供了什么样的数据结构和编程范式最适合去实现这样的抽象。

把问题具体化，寻找具体的输入和输出，具体的状态变化。具体化了的问题更容易分解，分解以后的问题更容易分析；先分析再归纳比不分析直接归纳更有操作性，你的“逻辑思维”才能派上用场。