过去（qù）的（de）一（yī）年中网页设计发展进行回顾，总（zǒng）会发现很多让我们感到欣（xīn）喜的变化。去年我们同样预测了2013年互联网设计出现的10大趋势（shì），比如交互设（shè）计、个（gè）性化排版、全屏大（dà）图吸引浏览者（zhě）注（zhù）意力（lì）等。其中很多预计的趋势在（zài）2013年确实成为设计（jì）的主流，并且估（gū）计在（zài）2014年仍将延续。

　　1. 个性（xìng）化排（pái）版

　　我个人是个（gè）性化排版的支持者（zhě），自然也希（xī）望看到越来越多的网络设计尝试（shì）个（gè）性化（huà）的风（fēng）格，其（qí）中比较突出的一点是个（gè）性化字体的（de）增多（duō）：用自己独特设计的字体代替标准印（yìn）刷体，让设计更加独特。比如（rú）“Stuff  and Nonsense”这个（gè）网站提供设计字体服务，让字（zì）体在（zài）体现个性的同时保留专业印刷风（fēng）格。我（wǒ）们（men）期待着在2014年设计出的网站（zhàn）能（néng）够更多地从细节（jiē）体现个性。

　　2. 扁（biǎn）平化设计

　　去（qù）年的（de）10大趋势（shì）中（zhōng），我们提到了（le）“借（jiè）壳”设计（jì）(skeuomorphism)，指模仿（fǎng）现实事物（wù）尽可能把手机元素(如图表、背壳等（děng）)设计得更加具体、拟物。而（ér）  “扁平（píng）化（huà）”的极简主义（yì）则（zé）是和“拟物性”相背行，在（zài）ioses7中明显（xiǎn）感（gǎn）到（dào）更加简化的图表替（tì）代了原本精致的描绘（huì），更加突出应用的（de）实际效果（guǒ），反应使用应用的感受，而（ér）不是局限在某个应（yīng）用的外在（zài）形象上。苹果公（gōng）司在今年竭力推进扁平化设（shè）计，几（jǐ）乎所有可以修改的设计都加入了扁（biǎn）平化（huà）的元（yuán）素。

　　苹果公（gōng）司向（xiàng）来是电子产品设计的导向标，推（tuī）动其他产（chǎn）品设计纷纷追随ioses7的设计（jì）风格，同时（shí）网络设计也（yě）开始大（dà）批量地采用扁平化思路。预计这（zhè）种风潮在2014年仍将持续。

　　3.大背景图打败幻灯片动态显（xiǎn）示

　　要说（shuō）网络设计最（zuì）大的趋势，大概是大背（bèi）景（jǐng）图片的使用。

　　大型背景图片(large hero  areas，是（shì）从印刷设计借用到网络设计中的专业（yè）名词，通常（cháng）是铺满整个屏幕的图片，配上几句（jù）简介的（de）文字)，常出（chū）现在网站首页上（shàng）。大图片（piàn）背景的清（qīng）晰度不（bú）一（yī），有的配（pèi）以（yǐ）模糊的背景（jǐng），有的(如realtii)则采用清晰的图片。大型背（bèi）景图（tú）片迅（xùn）速取代（dài）了曾一（yī）度热（rè）门的幻灯片图片显（xiǎn）示插件（jiàn），成（chéng）为网页设计元素中吸引浏览者（zhě）注意力的主要途径（jìng），而幻灯片滚动显示的使用价值已（yǐ）经（jīng）被否定（dìng）。预计这种大（dà）图（tú）片设计的（de）流行趋势在2014年仍将持续。

　　4. 移植（zhí）手机阅读（dú）体验

　　交（jiāo）互网页设（shè）计（jì）越来越（yuè）普遍，网页设计顺应（yīng）人们（men）对手（shǒu）机的（de）依赖，变得越来（lái）越像手机的交（jiāo）互界（jiè）面。设计师（shī）们更注重网站在（zài）手机屏幕上显示（shì）的（de）实际效果，手机将（jiāng）成（chéng）为（wéi）网（wǎng）络浏览的（de）主要方式，因此屏幕尺寸的差（chà）异（yì）对用户体验的影（yǐng）响也将被纳入（rù）网页设（shè）计的考虑（lǜ）范（fàn）围。

　　此外，融合社交媒体功能（néng），提供订阅邮（yóu）件，借助滚动条设计浏（liú）览的（de）“长”网（wǎng）站，快速加（jiā）载网页等都将让网站设（shè）计的互（hù）动性增加，用户界（jiè）面更加友好。

　　5.视频代替文本

　　如果在一段视频（pín）介（jiè）绍和文本介绍中选择，估计大（dà）部（bù）分浏览者都会选择（zé）前（qián）者。此外视（shì）频和网络(尤其是（shì）大背（bèi）景图片)匹配性强。

　　网络视（shì）频的制作的成本不断（duàn）降低，网络传播性强，与社交媒体（tǐ）网站（zhàn）的兼容性（xìng）好。网（wǎng）络硬（yìng）件的发（fā）展让此前因为网速和流量限制（zhì）的视频插件越来（lái）越（yuè）普及，显然在同样的时间和篇（piān）幅里，视频传递的信息（xī）量（liàng）要远超过文（wén）本。

　　此外，视频能追踪观看人数，相比文本能获（huò）得更好的（de）宣传反馈。

　　6.长滚动网页（yè）

　　手机让（ràng）人们习惯用（yòng）“滚动（dòng）条”控制的方式阅读网（wǎng）页、寻找资（zī）讯，这样的阅读习惯（guàn）也（yě）影响（xiǎng）了（le）网络设（shè）计，页（yè）面出（chū）现更多两侧留白与（yǔ）更（gèng）多的交（jiāo）互设（shè）计（jì）。几年（nián）前这种不（bú）见底的下（xià）拉式网站并不受（shòu）好评，但手机浏览器让人们逐（zhú）渐接受了这种（zhǒng）长条形网站布局。此外内（nèi）容的编排上也更适合阅读理解。此外（wài）国内很（hěn）多购物网站（zhàn）或贴（tiē）吧都加上了“点击返回页（yè）面最（zuì）上端”的功能，更加方便了浏览长网（wǎng）页（yè）。而事实很有可能是，浏览者只（zhī）顾往下滚（gǔn）动，根本不（bú）会在意（yì）网页（yè）到底有多（duō）长……

　　7. 简单配色

　　网页（yè）设计的配色（sè）改（gǎi）变反应了人们审美需求的改变。2014年预计同色系网站设（shè）计将成为（wéi）主流，而“简化配色”的概念，则是把参与网站设计的颜色（sè）局限到1到2个。

　　如上面的网站（zhàn）图例，只用了（le）一个（gè）颜色(艺（yì）术设计（jì）中黑（hēi）/白（bái）被不（bú）被（bèi）纳入颜（yán）色计算中（zhōng）)。配色简单的趋势似乎和平面化同（tóng）步，但也不绝对。有些网站甚至摈弃色彩（cǎi），采用（yòng）纯黑（hēi）白(以（yǐ）及两者之间的渐变色)设计，有时（shí）在其中加入一（yī）点（diǎn）色彩吸引注意（yì）力或渲染效（xiào）果，比如加入醒目（mù）的红色。

　　8. 内容简（jiǎn）化

　　2013 年似乎是“King Content”流（liú）行的一年（nián）。所谓“King  Content”，是指适应（yīng）社交（jiāo）互动媒体网站(如Facebook，Twitter等)出（chū）现的简洁高度概（gài）括（kuò）的提示信息内容。信息内容的简化以为着篇幅的缩短，文章采用Twitter风格来适应人们（men）注意（yì）力（lì）的缩（suō）短。注（zhù）意（yì）到现在（zài）网络上（shàng）很少再出现长于250字的介绍（shào），太长的（de）内容已经不（bú）再适应人们快速（sù）浏览的阅读习惯。

　　9.弃用分栏模式

　　单（dān）栏模（mó）式常见于博客或杂志样式的网（wǎng）站，但采用这种模式（shì）的网（wǎng）站正在（zài）增加，放弃分栏，重新整合内容已（yǐ）经成为当下网络设计的（de）发展趋势之一。这种设计给人的视（shì）觉（jiào）效果更好，内容也显得更加整齐，同（tóng）时网络设（shè）计本身也更为简单。

　　这种单栏设计提（tí）供读者（zhě）更好的浏览体验，摈弃了复杂的（de）内容堆积分（fèn）散阅读注意力，主体内容能在整（zhěng）个页面流畅地（dì）一（yī）字排开。我个人希望这种（zhǒng）阅读模式（shì）能在（zài）2014年保持下（xià）去。

　　10. 修图

　　网站放什么（me）图也是个（gè）关键的问（wèn）题（tí），怎样才能让（ràng）网站（zhàn）上的一幅图看（kàn）起来与众（zhòng）不同？Instagram等类（lèi）似（sì）工具来帮您（nín）~颜色叠加、滤镜效果、模糊图像（xiàng）等，借助PS专业工具，能让一幅图锦（jǐn）上添花（huā），起到不一样的效果。

　　11. 外一篇：异类设计（jì）元素

　　此外新生网（wǎng）站还采取各种（zhǒng）异类元素营造不一样的风格（gé），增加图片表（biǎo）现力。HTML5插件（jiàn）的普及也让网（wǎng）站更加生动。未来必定还（hái）会有更（gèng）加（jiā）新奇的网站设计元素来满足我们的视觉体（tǐ）验。

       以上（shàng）就是合肥网站建设的小编（biān）分享的内容，希望能为您带来帮助。更多详情请（qǐng）关注：http://www.xuchang.sys.jixi.ww38.viennacitytours.com/.