主流网页设计

1、网页设计发展趋势有哪些

2017 年会出现哪些新趋势?

1. 传统网页设计的消亡

网页设计正从传统的概念中逐渐的消亡。或像 Eric Meyer 在最近的 Offscreen 杂志中所说的，他停止称自己为网页设计师，而是称自己为“体验设计师”。

在传统的网页设计中，设计的作用更多是让研发人员看起来不错，而现如今网页设计已演变的不仅如此了。

网页设计师(或体验设计师)不再只是使网站“看起来美丽”。 相反，他们需要研究用户的体验以及他们之间的故事。

2. 对话式 UI

2016 年是对话式交互发展的重要的一年，作为 hashtag 的创始人以及前 Google 员工Chris Messina 说：

“2016 年是对话式商务的元年。”

Chris 在这篇文章里提到，人们将通过聊天应用，通讯应用和其他自然语言界面来与公司、服务商和机器人进行交互。作为通讯应用平台(例如 Slack，Facebook Messenger 或 WeChat)也超越了社交网络应用的下载，企业开始思考如何利用这一变化。

因此，对话式用户界面(例如网站)的设计，将成为大多数网页设计师在 2017 年关注的重点。

虽然，仍然有诸多问题尚未解决，但请放心：对话式界面将成为 2017 年里的一个主要的话题。

3. GIFs 和其他动画

众多的网站和应用程序正在使用着动画，而 GIFs 也逐步的成为了主流。

作为 Buffer 网站的内容制作官 Ash 说：

“GIFs 是伟大的。它们无处不在。”

现在它已经内置到 Facebook 和 Twitter 中，你也可以将 GIFs 用于你的网页设计。

但不要过度的依赖它们——虽然，它们很好的吸引了用户的注意。GIFs 可让你提供更丰富的产品体验，演示工作流程，或者为你的客户提供简单的指导。

随着多款 GIF 制作工具的出现(如 Photoshop，Giphy 或 record.it)，网页设计师在其设计的过程中也不会受到限制。

4. 下一代响应式设计

响应式设计将继续占据着主导地位，因为它是实现最佳用户体验的有效方式之一。CSS media queries 为网站提供了灵活性，并根据访问网站的不同设备进行调整。

2016 年 4 月，谷歌对网站的排名算法进行了调整，并对网站内容进行了优化。我们看到了不少公司正忙于重新提升他们网站的 Google 排名。

作为建站者，我们必须接受这种情况。虽然，没有一个通用标准，但我确信的是网站提供的选项越少，响应的时间越短，那么网站的转化率就会得到提升。

5. 极简主义的网页设计

在 2017 年极简主义将会达到一个全新的高度。当用户点击首页后，呈现的将是类似于“卡片”一样的展现，它们成为了用户获取网站更多信息的入口。而对于网站本身，多图片的展示也可用于可视化的专题推荐，并可以促使用户进行点击。

Netflix 就是一个比较成功的网站示例。卡片图像不仅能够诠释节目或电影的更多内容，而且可以减少网站的使用空间。

总体上，人们更青睐那些在视觉上清晰、简单的网页设计。

6. 数据可视化

现如今，数据和分析越来越重要。而大品牌服务商正为用户提供了一个查看自己网站的统计数据的机会。

通过可视化的数据展示来增加用户与数据间的交互。当涉及让用户更好的表达时，丰富多彩的图表会特别有用。例如你可以使用 Tableau 来创建吸引用户注意的图表。

7. 减少图库图片，增加真实照片

这是一个简单却有趣的网页设计趋势。 在过去几个月浏览网站的过程中，我们发现使用图库图片的网站在不断的减少。作为用户，我们更愿意看到那些能够表明公司或业务的照片，而不只是一张通用的图片。

我也有这样的感觉，网页设计师宁可不选择图片，也不会使用图库图片。

摄影是一种艺术的表现形式，却被人们遗忘了若干年。但在2017年它会强势回归。然而，铭记于心的事情是你网站的服务目的是什么。因此，上述的一切，包括网站图像的选择，请务必要这样做。

个人照片(团队照片)同样很受欢迎——请给品牌一个门面

不仅真实图像的使用率在不断的增长，而且像卡通、漫画以及其他插图的使用比例也在增加。尤其是在一些科技类的社区中，通常会用一则漫画来谈论特定的主题或阐述一些细节。

8. Material Design

近年来，由 Google 推出的材料设计语言正稳步的推广到其应用程序中，包括 Gmail，Google 地图，Google 云盘和 YouTube 。而早在 2013 年，材料设计就以搜索词的形式出现了，但直到 2015 年它才成为了主流。

它是一种在页面上创建具有意义的层次排版结构的设计方法，在移动和响应用户动作的同时，将用户的焦点绘制到不同的区域。他们称后者为材料动效。而材料设计则是利用几何形状从视觉上来增强他们网站的体验。

由于它具备极大的灵活性，以及所有设备的兼容性，它也越来越受欢迎。

这是一个关于材料设计及其未来的持续讨论。要详细了解材料设计，请参阅Google上的简介。

9. 长滚动页网站

它是一个拥有利弊的长滚动页网站。总而言之，我们看到了越来越多的长滚动页网站的出现，例如 Facebook，Twitter 或 Instagram 。它们看似无底，然而又很成功。

在 Facebook，Twitter 和 Instagram 网站上，用户通过长时间滑动页面，来不断的刷新与浏览新的内容。作为慵懒的人类，我们已经习惯了现在的行为方式。许多网站也都在摒弃菜单和标签选项，取而代之的是将所有内容放在一个长长的页面上。而网站也可以拆解为图像、文字与视频，用以增添一些让人们感到有趣的体验。

那么，就继续愉快地滚动吧!

10. 字体排印越来越大

字体排印越来越大，并且更大胆。

2016 年我们已经看到了字体的大小与外观设计的增长，但这种趋势不会很快就停止。品牌名称将会变得更大、更醒目，甚至会全屏出现。而动态的颜色与纹理也将添加到那些有趣、充满活力的字体中，并创造出一个让你“哇”的效果。

无论是用于绘图，还是用来吸引用户的注意，字体排印工作都在有条不紊的进行着。而大型字体的排印可以有效地打破网格的界限，尤其针对那些拥有较长滚动页面的网站。

总结：虽然，我们认为这份列表上的所有内容都相当不错的，但不要尝试将每一个趋势都纳入到你设计的新网站上。它们中的一些适合为企业服务，而你也可以选择一些客户需要和想要的样式和功能。同时，不要尝试太多不必要的功能，这样会立刻降低网站的用户体验。所以，请谨慎的选择，最重要的是要有创意。

2、现在主流的网页设计都是用什么软件？

网页设计，不知道你是单纯的设计还是设计加制作。

现在来说，设计软件越来越多，可以选择的余地比较大。

以前流行的说法是网页三剑客：Dreamweaver、firework、flash。

现在来说，个人还是喜欢：

设计类：Photoshop（数字）、illustrator（矢量）、flash（动画）。

网页编程类：Dreamweaver（html+div+css）myeclipse eclipse notepad++ editplus等等很多优秀软件。

3、网页设计现在主流的技术是什么？

1.没错，简单点讲CSS+DIV是用来定义网页排版的主流样式与布局手法。
2.完全可以自己自学，不是很难。
3.给你点建议：CSS+DIV只是作为一个网页设计师的最基本，很少有公司把页面的CODING细分出来，也就是说很少有专门做CSS+DIV工作的，一般CSS+DIV为网页设计师所承担的工作。如果想做一个成功的网页设计师，最重要的还是设计能力，主要为平面设计与动画设计能力。技术是死的，而设计这个东西却是活的。

4、主流的网页设计软件是什么？PS?AI?还是其他？

首先你要明确一个问题：
网页设计其实包含很多设计：代码设计/布局设计/艺术设计
代码设计：
代码设计的意义是如何使整个网站的功能性和网站的效率达到更好，这样需要扎实的网页设计基本功，HTML/CSS/DIV/JS 涉及软件DW NOTEPAD++
布局设计：如何布局整个页面，让用户使用起来更加方便和快捷。这个要求不少的经验。
艺术设计：
艺术设计的意义如何提升用户的体验，让整个页面看起来更加赏心悦目。涉及的软件有PS/AI等。

那从代码设计到布局设计到艺术设计是一步步靠近用户的，因为本身网页设计就属于前端设计，它的功能就是和用户起到一个交互的作用。

首先明确一个概念，PS做的是位图，AI做的是矢量图。
所以我们在做网页布局设计的使用一般是用AI。但是如果做网页风格和图片的设计的时候我们一般选择PS，因为两个软件出于同一家Adobe 公司，所以兼容性也没的说。

5、现在主流的网页设计软件是什么？

Dreamwear
Deamweaver是美国MACROMEDIA公司开发的集网页制作和管理网站于一身的所见即所得网页编辑器，它是第一套针对专业网页设计师特别发展的视觉化网页开发工具，利用它可以轻而易举地制作出跨越平台限制和跨越浏览器限制的充满动感的网页。简介Dreamweaver、FLASH以及在DREAMWEAVER之后推出的针对专业网页图像设计的FIREWORKS，三者被MACROMEDIA公司称为DREAMTEAM(梦之队)，足见市场的反响和MACROMEDIA公司对它们的自信。说到DREAMWEAVER我们应该了解一下网页编辑器的发展过程，随着互联网(Internet) 的家喻户晓，HTML技术的不断发展和完善，随之而产生了众多网页编辑器，从网页编辑器基本性质可以分为所见即所得网页编辑器和非所见即所得网页编辑器（则原始代码编辑器），两者各有千秋。所见则所得网页编辑器的优点就是直观性，使用方便，容易上手。

6、网页设计有哪些好的网站

网页设计一般分为三种大类：功能型网页设计（服务网站&B/S软件用户端）、形象型网页设计（品牌形象站）、信息型网页设计（门户站）。设计网页的目的不同，应选择不同的网页策划与设计方案。
无论是什么样的网页设计常用的工具一般都是以下几个：PS、FL、DW、FW

7、当下比较流行的网页设计样式都有哪些？

扁平的设计是这两年出现的最大趋势之一，并没有特定的样式形态。
另外，大背景图显示、长滚动网页设计，简化配色设计，视频图片代替文本，内容简化设计都是当前比较流行的网页设计样式。

8、当前流行的网页设计软件有哪几种？急！

一直是网页设计三剑客比较流行，DREAMWEAVER CS3，FIREWORKS CS3，FLASH CS3，这些现在都是比较新的版本！在各大软件下载的网站上面都有！其他的就是FRONT PAGE，不过我个人建议初学者的话还是学学DW比较好，因为这是第一部，以后可以继续深造ASP PHP等语言，在线教学的话我个人不建议你学，因为第一电脑辐射太大，对身体不好，二是因为你再初学的过程中应该有很多问题要看很多遍，所以我觉得你还是买书比较好，而且现在一般的书还带光盘教学的，比上网看简单，学知识投资也比较心安理得。

http://www.enet.com.cn/eschool/zhuanti/dreamweavershili/
上面有教学，你可以参考下。
学什么东西一定要有耐心，祝君成功！

9、目前比较流行的网站设计风格有哪些

1、超现实主义的设计
看惯了大量现实的设计，超现实主义风格的设计中所蕴含的丰富想象就显得非常迷人了。在2019年的诸多网页设计当中，那些比现实世界更梦幻的设计元素，显得更加吸引人，影响力更大。
基于目标用户所追求的情感和情绪来构建超现实主义的设计，能够更快地同用户产生情感联系。这种独特的视觉和独一无二的情绪所创建的情感连接更加难以复制，而这其中，动画、漫画和奇怪的插画占据了极大的比例。这些元素能够带来新鲜的体验，而这本身就是影响力。

2、UX设计的关注点更加细腻
随着技术的提升，用户对于网站的体验，已经不止于可用、好用，用户的关注点已经慢慢迁移到更加细腻的感知维度上，比如是否更加真实、是否从视觉乃至文本上体现出对于用户的尊重和关心。因此，UX写作成了设计师必须掌握的另外一个技能——文案是否走心，用户很在意。
优质的文案能够让用户留存下载，让用户和产品更容易联系到一起，让用户获得尊重感。UX设计的维度正在扩展，设计师需要更加精准地抓住用户的注意力，这也是具有商业价值的设计方向。

3、多变的字体
在过去的几年当中，字体本身经过了一个复杂的转变过程。为了兼容更加复杂的屏幕环境，字体本身具备了越来越强的拓展性。Opentype 字体的灵活可变性让无论哪个平台上的UI界面内容，都可以清晰无缝地展示出来。而多彩字体的出现，让字体内的色彩和结构的展现，拥有了超乎以往的表现力。另外，诸如苹果为 iOS 提供的 SF Symbols 以及越来越多的图标字体，让UI设计和字体的运用拥有了更多的可能性。多变的字体，在2019年让设计拥有了更多的可能性。

4、数据可视化
信息图表是设计的又一个热点。向用户呈现复杂信息和数据，信息图表和可视化设计是最为有效的方法之一，因为它不仅可以带来视觉愉悦感，而且足够有趣，让人能够理解。
现在数据可视化可以通过静止的图片来呈现，也可以借助动画来展现，具体的呈现取决于你的平台和预期。
可视化的数据最好能够和故事结合到一起，结合叙述和故事，让信息以更加可信的方式呈现在用户面前，这样可以带来更高的转化率。

 
5、更多渐变色彩
渐变是一种功能更为丰富的设计趋势，它几乎可以用在所有的设计门类当中。如今，越来越多的设计项目正在使用渐变来呈设计，而网页正是最为重要的门类之一。
渐变让色彩更加富，更有质感，使得原本平淡的色彩拥有了近乎艺术化的表达。如今的渐变色彩更加丰富，而不仅仅是用作一种叠加于图片的元素。如今，随着对于渐变要求的提升，更多的相关色彩工具也诞生了。


6、更加立体和拟真的设计元素
虽然如今虚拟现实设备的普及率还没有那么高，但是毫无疑问它的影响力正在提升，很快就会有用户开始使用 VR 设备来浏览网页了。
新的网页 UI 将会需要在设计当中加入更多有纵深的、立体的元素，让它们在视觉上更加具有真实的质感。即便未来有更多的新技术加入进来，也不足为奇。

7、更多自然的图形和形状
虽然绝大多数的网页都使用栅格系统来进行约束，但是在新的技术支持之下，设计师可以更加自由地使用更多有机而自然的图形和形状。
有机的图形，不规则、不对称的图形，增加了设计的深度，让页面能够脱颖而出。这些图形的灵感大多来自自然，也更能够自然的吸引用户的注意力。

8、更多微交互
微交互存在的目的，是以吸引人的方式来给予用户以反馈、惊喜甚至制造一些微妙的「焦虑」。这是一种非常有效的引导方式，它是有信息进来的时候的通知弹出框，是刷新页面完成时的提醒，是点击之后的加载小动效。
微交互是一种一直在缓慢变化的趋势，在 2019 年的网页设计当中有明显的增长，更加多样的微交互开始出现在网页设计作品当中，吸引着用户的注意力，提供有效的信息反馈，提供引导。

9、更多视频内容
文本信息已经没有以往那么具有吸引力了，更多的视频内容也是自然的结果。不过随着网络带宽和上下行速度的提升，等待视频加载的时间越来越短，用户也可以更加快速便捷地获得视频内容。
视频内容不仅能够更快的表达，也具备更好表达的可能性。作为一种主动输出的媒体模式，视频内容的优势非常明显。相应的，视频内容的制作也需要更加注意，必须提供有意义的内容，才不会让用户有浪费时间的感觉。这些风格格子网络认为是比较流行的。

10、主流网页设计编程语言有哪些？

一般用 php，jsp，asp

其他有 C＃，java，python 等等