网页设计干货

1、网页设计入行需要看哪些书

几本有关UI设计的入门“干货”！

UI的发展和现状

书籍名称：《艺术的故事》

作  者： 贡布里希 (Sir E.H.Gombrich) 

内容简介 ：从最早的洞窟绘画到当今的实验艺术的发展历程，阐明艺术史是各种传统不断迂回、不断改变的历史，每一件作品在这历史中都既回顾过去又导向未来。

书籍名称：《西方美术简史》

作  者： 亨德里克・房龙

内容简介 ：以优美的文字、清晰的思路讲述了西方美术史的发展轨迹与幕后精髓。

美术视觉设计

平面构成

书籍名称：《平面设计法则》

作  者： 米尔曼

内容简介 ：对学**设计的学生来说是一个一站式的资源库，既是有趣的基础教程，同时也是深入设计领域实践的“入门读物”。  

书籍名称：《平面设计视觉词典》

作  者：  加文·安布罗斯 /哈里斯

内容简介 ：旨在对平面设计中容易混淆的一些专业词汇予以区别和解释，比如斜线和斜体的区别，重印、套印、翻转的区别等。

美术绘画

书籍名称：《视觉与绘画》

作  者：  诺曼・布列逊 

内容提要：本书对西方美术史极为闭塞与自满的研究现状作了尖锐的理论批评，强调从绘画图像的社会性及其作为符号的独特角度、从历史与人文学科当代发展的角度拓展研究视野。

书籍名称：《素描与视觉思维》

作  者： 吴国荣 

内容简介 ：本书对古代到现代源远流长的素描传统,作重新的审视和选择；对不断更新发展的各设计专业需求共同本质因素的探究和设计类基础素描教学和实践作了系统的梳理和思考。

色彩构成

书籍名称：《设计配色基础》

作  者： 视觉设计研究所 

内容简介 ：帮助读者了解配色的整体效果以及有关配色的基础知识，讲解了营造画面氛围的方法，以及如何利用色彩给人的感受来表达主题。

书籍名称：《艺术设计的色彩构成》

作  者： 朝仓直巳 

内容简介 ：虽然这书是很老了但毕竟学问这东西万变不里其宗！不得不承认日本人教学方面的书比中国人严谨很多。

版式设计

书籍名称：《版面设计的原理》

作  者：  伊达千代 

内容简介 ：以条理分明的章节及浅显易懂的文字，有层次地说明设计的各个环节。作者从建立条理、添加变化、强调重点、设计技巧和设计中的色彩几个方面将自己实际操作经验与心得全部记录下来。

书籍名称：《栅格系统与版式设计》

作  者： 金伯利·伊拉姆 

内容简介 ：本书中展示的设计超越了简单的功能主义和简约主义的教条，使得版式设计成为一种真正的动态传达方式。

字体设计

书籍名称：《文字设计的原理》

作  者： 伊达千代 / 内藤孝彦 

内容简介 ：作者汇集多年来的经验，运用大量实际案例，有层次的逐步展开文字设计的各个重要因素，从认识文字、文字与意象、易于阅读的文字组合、在设计中如何强调文字，以及文字在排版中的运用。   

书籍名称：《商业字体设计》

作  者： 许瀚文

内容简介 ：作者走遍陆港台日、欧洲，跟世界各地的字体设计师、文字设计师交流，并每天工作、学**、不断反思反省下所蒸馏出的想法。

交互设计

用户体验设计

书籍名称：《破茧成蝶-用户体验设计师》

作  者：  刘津/李月

内容简介 ：一本很实在的书，基本从入门给我们讲述了什么是用户体验，书中融入了宝贵的职业经验和专业思考，对于交互设计师、视觉设计师、用户研究员等具有一定参考价值和借鉴意义。

交互设计原则与规范

书籍名称：《简约至上：交互设计四策略》

作  者： Giles Colborne 

内容简介 ：一本凝炼至极、耐人寻味、图文并茂的好书。简化设计，提升易用性。创造出卓而不群、历久弥新的用户体验。

书籍名称：《认知与设计：理解UI设计准则》

作  者：  Jeff Johnson 

内容简介 ：把设计准则与其核心的认知学和感知科学高度统一起来，从认知和心理学角度剖析交互设计本质，介绍如何将最新的认知 学成果应用到交互设计中。

设计心理学

书籍名称：《设计心理学》

作  者：  Donald Norman 

内容简介 ：帮我们找到了这些问题的关键，即产品设计忽略了使用者在一定情境中的真实需求，甚至违背了认知学原理。

设计思想

书籍名称：《点石成金》

作  者： 史蒂夫·克鲁克 

内容简介 ：这本书短小精悍，语言轻松诙谐，书中穿插大量色彩丰富的屏幕截图、趣味丛生的卡通插图以及包含大量信息的图表，使枯燥的设计原理变得平易近人。

书籍名称：《设计中的设计》

作  者： 原研哉 

内容简介 ：以谦虚但同时尖锐的目光寻找设计被需要的所在，并将自己精确地安置在他的意图能够被赋予生命的地方。

书籍名称：《写给大家看的设计书》

作  者： 威廉姆斯，Robin　Williams

内容简介 ：以其简洁明快的风格，将优秀设计所必须遵循的这4 个基本原则及其背后的原理通俗易懂地展现在读者面前。本书包含大量的示例，让你了解怎样才能按照自己的方式设计出美观且内容丰富的产品。

当然一切还是行动起来最靠谱

看到网上和周围有很多人都在讨论如何学UI设计、UI设计的职业前景怎么样之类的话题。不得不说现在UI这个职业确实需求很大有很多人想要学**和从事相关的工作。设计是一门需要沉淀的技艺，却恰巧遇见了日新月异的互联网文化。只有知识与实践的努力才能成就一个出类拔萃的UI设计师。

2、网页怎么设计有助于提升用户体验？

yyseoer顾问根据多年的网页设计经验给大家总结了一下几点，全是干货哦！！！
细节一：网站的内容展示
网站要展示给用户什么内容，是网页设计要着重考虑的细节。一些网站在方面的选择是，将某些关键性的资源或内容做好隐藏，当客户浏览这种网页页面时就会让网站注册或者登录。带著这类构思来设计网站，以便引导客户变成官网注册客户，在首页尽可能突显“登录”和“注册”按键，再再加文字描述开展引导，感觉那样就早已是以客户的视角来考虑到网站制作的关键点了。
其实并非这样.客户体验的是自身关注的东西，对于客户而言关注的是网站内容，网站能寻找自己愿意看的内容就是客户考虑到的，因而怎么使客户较易于的寻找想要的内容算是网站应考虑到的关键点。
细节二：内容与网站风格的契合
内容与网站风格的契合也是需要考虑的关键点，一个好的内容在顺心的背景图烘托下，给客户这种心旷神怡的氛围，对于不一样的客户，采取的背景图稍微不一样，网址愿意尽量的吸引用户，卖巧的设计与好的内容紧密联系，先有设计，然后有内容，当内容形成一定风格的时候，再去影响设计，二者之间互相影响，达到好的契合度，让用户看起来很舒服!

3、网站设计中需要注意哪些基本的细节

一、网站结构清晰
如果你的网站结构不清晰，就像是一个大迷宫，那么当百度蜘蛛来爬取信息的时候就会找不到关键的内容，对搜索引擎十分不友好，不利于客户体验，也不利于优化。因此，网站制作需以结构清晰为原则，事前进行规划分类，使用的程序也需要精简，减少垃圾代码的产生。
二、网站速度要快
网站的速度主要指两个方面，一是网站的打开速度，另一个是网站的加载速度，其实对于用户来说这两点并没有什么区别，但是很多企业有一个错误的认识，他们认为网站能够打开就可以啊，这其实就没有注意到用户体验，我们如果设身处地的想一下，自己在看一个网站的时候如果加载速度很慢肯定是没有任何兴趣继续浏览，其实影响网站的速度的原因主要有一下三点：1.服务器的稳定性，如果服务器不稳定的话，打开速度肯定不会快，2.网站的功能太多，且代码不简洁，3.网站内的图片过大，太便宜的服务器通常都会有不稳定这一个问题，网站内的动效视频也会影响到加载速度，图片太大也会影响到加载速度，所以在制作网站时需要充分的考虑到以上几个问题。
三、网站的内容质量
这里主要是指，网站的文字、图片、内容质量等等。在网站内容的发布上尽量以图文为主，图片要清晰、内容要多原创网站制作需要以质量为主，质量好的内容在于原创，而不是抄不是转。

4、有没有在解放号上做过网页设计外包的？接包的公司怎么样啊？

很多人评价都相当不错。网页设计比较美观，内容丰富，干货满满。重要的是弹出广告少，我喜欢。

5、怎样制作网站?急!急!急!

网站设计八步骤

由于目前所见即所得类型的工具越来越多，使用也越来越方便，所以制作网页已经变成了一件轻松的工作，不像以前要手工编写一行行的源代码那样。一般初学者经过短暂的学习就可以学会制作网页，于是他们认为网页制作非常简单，就匆匆忙忙制作自己的网站，可是做出来之后与别人一比，才发现自己的网站非常粗糙，这是为什么呢？常言道：“性急吃不了热豆腐”。建立一个网站就像盖一幢大楼一样，它是一个系统工程，有自己特定的工作流程，你只有遵循这个步骤，按部就班地一步步来，才能设计出一个满意的网站。

一、确定网站主题

网站主题就是你建立的网站所要包含的主要内容，一个网站必须要有一个明确的主题。特别是对于个人网站，你不可能像综合网站那样做得内容大而全，包罗万象。你没有这个能力，也没这个精力，所以必须要找准一个自己最感兴趣内容，做深、做透，办出自己的特色，这样才能给用户留下深刻的印象。网站的主题无定则，只要是你感兴趣的，任何内容都可以，但主题要鲜明，在你的主题范围内内容做到大而全、精而深。

二、搜集材料

明确了网站的主题以后，你就要围绕主题开始搜集材料了。常言道：“巧妇难为无米之炊”。要想让自己的网站有血有肉，能够吸引住用户，你就要尽量搜集材料，搜集得材料越多，以后制作网站就越容易。材料既可以从图书、报纸、光盘、多媒体上得来，也可以从互联网上搜集，然后把搜集的材料去粗取精，去伪存真，作为自己制作网页的素材。

三、规划网站

一个网站设计得成功与否，很大程度上决定于设计者的规划水平，规划网站就像设计师设计大楼一样，图纸设计好了，才能建成一座漂亮的楼房。网站规划包含的内容很多，如网站的结构、栏目的设置、网站的风格、颜色搭配、版面布局、文字图片的运用等，你只有在制作网页之前把这些方面都考虑到了，才能在制作时驾轻就熟，胸有成竹。也只有如此制作出来的网页才能有个性、有特色，具有吸引力。如何规划网站的每一项具体内容，我们在下面会有详细介绍。 四、选择合适的制作工具

尽管选择什么样的工具并不会影响你设计网页的好坏，但是一款功能强大、使用简单的软件往往可以起到事半功倍的效果。网页制作涉及的工具比较多，首先就是网页制作工具了，目前大多数网民选用的都是所见即所得的编辑工具，这其中的优秀者当然是Dreamweaver和Frontpage了，如果是初学者，Frontpage2000是首选。除此之外，还有图片编辑工具，如Photoshop、Photoimpact等；动画制作工具，如Flash、Cool 3d、Gif Animator等；还有网页特效工具，如有声有色等，网上有许多这方面的软件，你可以根据需要灵活运用。

五、制作网页

材料有了，工具也选好了，下面就需要按照规划一步步地把自己的想法变成现实了，这是一个复杂而细致的过程，一定要按照先大后小、先简单后复杂来进行制作。所谓先大后小，就是说在制作网页时，先把大的结构设计好，然后再逐步完善小的结构设计。所谓先简单后复杂，就是先设计出简单的内容，然后再设计复杂的内容，以便出现问题时好修改。在制作网页时要多灵活运用模板，这样可以大大提高制作效率。

六、上传测试

网页制作完毕，最后要发布到Web服务器上，才能够让全世界的朋友观看，现在上传的工具有很多，有些网页制作工具本身就带有FTP功能，利用这些FTP工具，你可以很方便地把网站发布到自己申请的主页存放服务器上。网站上传以后，你要在浏览器中打开自己的网站，逐页逐个链接的进行测试，发现问题，及时修改，然后再上传测试。全部测试完毕就可以把你的网址告诉给朋友，让他们来浏览。

七、推广宣传

网页做好之后，还要不断地进行宣传，这样才能让更多的朋友认识它，提高网站的访问率和知名度。推广的方法有很多，例如到搜索引擎上注册、与别的网站交换链接、加入广告链等。

八、维护更新

网站要注意经常维护更新内容，保持内容的新鲜，不要一做好就放在那儿不变了，只有不断地给它补充新的内容，才能够吸引住浏览者
★要想学做网页，首先得了解制作网页的工具。

制作网页主要有以下一些工具

Frontpage：office自带的一个工具，操作简单，实用，学起来比较轻松，功能不咋地，我不太喜欢。

Dreamweaver：这是网页三剑客之一，专门制作网页的工具，可以自动将网页生成代码，是普通网页制作者的首选工具，界面简单，实用功能比较强大。建议初学者选用。

另外一个工具就是代码编辑工具，例如写字本、EditPlus等，这些工具主要编辑asp等动态网页。

此外还有一些网络编程工具，javascript、java编辑器等。

网页制作也是一个比较吃香的行业，要真正做一个好的网站，还必须有良好的设计功底。所以还得学很多边缘性的软件，例如photoshop、flash等。

大型的网站往往还需要数据库的支持，所以还得懂数据库。sql、甲骨文等。

总之，掌握好网页制作，能独立完成一个网站的制作工作，那就不要考虑吃饭问题。随便混就好了！

祝你成功。
★你可以结合 Dreamwaver 和 Photoshop 来制作网页。

Dreamwaver 可以到这里下 30天试用版，不过要先登记一个免费帐号，http://www.macromedia.com/cfusion/tdrc/index.cfm?proct=dreamweaver
★在网上有这方面的教程
教程
http://www.nease.net/xhelp/
http://school.jz173.com/（中国建站专家）
主页和个人空间
http://home4u.china.com/（中华网）
http://www.35.com/yumingzc/yumingzc.asp
建议使用网页制作三剑客Dreamweawer+Firework+Flash 或使用Frontpage

6、求一个平面设计干货的网站

去混下猪八戒网吧，小白的入门级，去试试看下自己能不能混点价值。

7、网页制作要学什么东西？

mianfeimoban回答的很合理。我来解释下。
1、html语言。首先要学这个，任何网页的显示都要靠html语言来表达，最后浏览器解释html语言显示在我们面前。
2、服务器架设，要制作网页就需要架设服务器来调试你做出来的网页，有iis等很多种，可以在网上搜索得到。
3、css语言。用网页制作三剑客做出来的东西，css大部分是自动生成的，很难理解，需要学习基本的css知识，是步入高手的必经之路。css控制着网页图片、表格、文字等等内容在我们面前的显示样式，比如颜色，边框，大小等。
4、div+css布局。这个东西是走向专业制作的必经之路，网页元素靠它来搭建基本框架，像百度空间，QQ空间的皮肤等就是利用这个来做的。
5、数据库。走向动态网页的基础，比如百度知道的提问回答这些，都涉及数据库的读、写、改、删。常见的数据库有mysql、mssql、access等。数据库是所有软件的基础，80%以上的应用程序都涉及数据库，而作为网页制作来说没有必要学得很深，够用就行。
6、动态语言，asp，php，jsp，.net(c#等）。要操作数据库，交互就需要动态语言，现在好多动态语言像php都有“框架”，用框架建站好比用活动板房的零件建房子，全部自己写好比一块一块砖砌房子。
7，javascript。网页里面的验证码，弹窗，特效等就靠它了，一个没有javascript的页面基本没有，这个也有好多的框架可用，这个语言是最难的，也是最强大的，网页木马，病毒大多用这个语言。
8、平面涉及软件。flash，photoshop等，页面美化还要靠图片等东西。
这些个东西你会一个，或者一个都不会，都能做出一定水平的网页（用三剑客，或者直接用word做好后另存为htm文件就行），要深入的学，这些知识基本的。

8、超赞干货，一个完整的UI设计流程是怎样的

需要的基础就是一些简单的美术基础和平面设计基础，要求也不算高，一般流程是这样的，大致5个阶段，PS ，Illustrator ， DW，InDesign都会用到。

第一阶段 UI用户设计基础（UI行业发展及UI设计师职业规划，美术基础，平面设计基础，图形与创意设计，网页设计基础，交互式网站），软件：Photoshop、Illustrator

第二阶段 移动界面设计（图标创意思路与方法，图标的创作设计，主题图标设计，Ios系统Android系统Windows phone系统，UI设计实训课程）

第三阶段 交互类（UCD，交互设计高级技术）

第四阶段 流程设计（界面开发对接，流程管理，移动媒体综合开发实训）

第五阶段 综合项目实训及就业阶段（根据所学内容，选择一种移动平台（IOS/Android/Winphone），软件界面，WUI类型设计，完成初稿设计。依据项目初期确定的需求进行验收，并签署验收报告。）

9、干货帖，Web前端开发框架有哪些

如果是纯移动端的话，zepto加frozenui加seajs挺好的。感觉bootstrap的响应式不适合纯移动端开发，因为太重了，对移动端载入速度影响很大，纯移动端还是小快灵比较好。
如果是做H5那种活动页，推荐用motion.js，挺好用的，效果赞赞的。
PC端的话，jq+bootstrap是个挺好的组合，或者用backbone也是挺普遍的，但是如果是开发企业管理系统那种的web页面可以考虑extjs，现在改名叫sencha了，组件多。相反，个人感觉react就不是很适合用来开发企业管理系统。
react现在很火，发展也很快，可以先学习学习，不过react只是View这一层，是个库，并不是一个完整的框架。而Angular可以说是个大而全的框架，但是载入速度相对比较慢，还有就是Angular 2.0和1.0有很大不同，几乎是个推翻重做的感觉，所以现在如果用1.x的话，感觉会比较尴尬。
另外，模块化的话，用seajs的也挺多。
还有就是可以多关注一下打包工具，grunt，gulp和百度开发的FIS。

10、现在做网页前端的学习路线是什么

初学者必看干货web前端学习路线图，随着移动互联网的发展，web前端逐渐受到企业的重视，前端开发人员的薪资也水涨船高，越来越多的人看好前端行业的发展，想要转行加入。下面，给大家分享一份web前端学习路线图，希望对初学者有所帮助。

Web前端行业的发展，让前端人员能完成比以前更多的职责范围，所以未来前端可以宽口径就业，前景非常好。除此之外，目前web前端工程师日均岗位缺口超50000，平均薪资10820元/月。

对于零基础的人而言，要怎么学习web前端呢？

1、前端页面重构。主要内容为PC端网站布局、Photoshop工具及切图、H5移动端网页布局、HTML5+CSS3新特性与交互。学习目标是完成PC端网站布局，可实现响应式布局，一套代码适配PC端、移动端、平板设备等。

2、前后端网页交互。主要内容为JavaScript语法全面进阶、ES6到ES10新语法实践、jQuery应用及插件使用、设计模式及插件编写、封装JS工具库及WebAPIS、AJAX+PHP+MySQL前后端交互、前端工程化与模块化应用以及PC端全栈开发项目等。学习目标是可以掌握前端工程化工具，如git、gulp、webpack等，搭建项目及开发项目。

3、Node.js+前端框架。主要内容为Node.js全面进阶、Koa2+MongoDB搭建服务、Vue.js框架、React.js框架、小程序云开发与小程序框架、原生APP与混合APP、数据可视化与桌面应用等。学习目标是掌握桌面应用及可视化大数据，实现复杂数据展示类项目，能够独立完成前后台相关功能，胜任HTML5全栈开发工程师职位。

很多学习web前端的朋友都希望在学成后能找到一份满意的工作，所以我们在学习过程中一定要注意实战经验的积累，如果你所学的东西对企业没有用，那你所做的一切都是无用功。