为什么页面设计经常要留白？

留空，另一个是& negative空；这两个词经常互换使用。它们都是指出现在屏幕上的元素之间的关系。所谓留白，不一定非要白，也不一定非要黑。甚至图案、颜色或纹理背景都可以称为留白。负空空格是为了在内容之外营造一个空白色的环境，让观看者更加关注内容。

在网页设计中，留白更重要。可以说不仅仅是出于视觉审美的需要，更重要的作用是在视觉审美和引导用户之间达到一个完美的平衡。而且，如果现在有一段文字，就要把文字讲清楚，在此基础上创造一个可读的环境。

在一个网页中，两个大的内容元素之间的空空间(这里称之为big 空空间)，这种留白可以吸引和引导用户的眼球去扫描页面。使用得当的话，可以引导用户注意到你想要突出的元素。当品牌标志显示或增加用户交互行为时，这是最有效的。

在两个更小的内容元素之间的空空间中(这里称为small 空)，比如一个文本，或者一行文本，一个列表，一个图标等。，适当的留白也可以让这些元素更容易识别。看到大图，留白在视觉审美上的作用很大。比如内容乱七八糟的，永远不会是好看的图。丰富的空白会给你的页面注入一种精致优雅的氛围。为了更好的理解和运用，我们将整理出不同类型的空格(大空和小空)和不同的方法(被动和主动)来运用。

这种类型的留白空极大的影响了用户的视觉流量。无论是潜在的引导，还是强有力的推动，都能把注意力引向你希望他们停留的地方。但这里要强调的一个规律是，距离越大，动力越强。试图打破平衡，但是，由于过多的留白违反了格式塔原则，结果是削弱了对象之间的关系。

ps网页设计布局有哪几种？

第一、靠前、无边框设计。

无边框设计在近几年比较流行，在设计页面的时候，将页面中的风格线、边框删掉，用间距来代替的一种设计方法。

无边框设计一般是以大图为主，图片本来就是一种分割元素。而内容基本是有规律的，留白间距之间的内容一定要相对一致、重复、紧密，这样用户在浏览的时候才会认为这些内容是一体的。

一般来说，小众垂直的产品更适合使用无边框设计。

第二、卡片设计。

卡片的设计打破了传统上固定的排版布局方式，提升了版面的使用率，可以给网站建设增加更多的惊喜。那么卡片设计有哪些优势呢？1、可以提高页面的使用率。

卡片就好像是一个容器，将类型不一样的内容设置在不一样的卡片中，这样就可以很好地区分内容，还能够统一页面的风格。

比如传统列表，内容一般是纵向滚动的方式，能够展示的内容比较有限，卡片式的设计采用的滑动方式，就可以有效地解决空间问题。

2、区分卡片上的内容。

卡片就好像是一个容器，将不同的内容放置在不同的卡片，更好地区分内容的类型。

卡片的维度是不一样的，而且相对独立、有互相有联系，所以通过卡片归纳网站的内容，整个网站就显得更有秩序。

3、卡片式设计可以提升可控性、提升体验度。

卡片式设计的使用范围比较广泛，可以覆盖、滑动、堆叠，有良好的扩展性和可操作性。

第三、分割线的设计。

这也是常见的一种页面布局设计方式，可以更好地帮助用户快速熟悉页面的布局，有良好的内容组织性。

分割线可以贯穿整个页面，将不同的内容进行分割，成为独立的信息。 网站建设中的页面布局，有不同的设计方式，而且设计的趋势不断在变化，在设计页面布局之前，就要考虑好合适的样式，不能一味地追求潮流，根据产品的实际需求，选择合适的设计方式。

而分割线的设计，想要做得出色，就要处理好线的间距、粗细、颜色等等

电脑液晶显示器选择多大的比较合适？

如果是FHD分辨率的，选个23或21.5都没什么，再大的话像素点就太明显了，一点细腻感都没有。现在谁还会窗口最大化上网啊，很多网站页面两边基本是留白的，不刺眼才怪，浏览器窗口化你不用担心脑袋摆来摆去而且也能浏览到完整内容，所以说要眼睛舒服点就选好面板而不是看屏幕尺寸。

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

1、全屏网页设计(Full Screen Design)

网站设计制作所谓设计不分家，近年来平面设计里“纯净”“留白”等概念也被互联网设计吸取，为了更简单明了的突出主体，提供更舒适的感官感受，很多网站开始采用全屏网页设计，利用精心挑选设计的漂亮背景，加上合理的页面布局，视觉冲击力大可很好的吸引观者注意。通常页面内的文字内容不会特别多(所出现的少量文字加上精美的排版将会变得更加吸引人)，主要以图片展示为主。这个样子的网站多用于摄影团队或个人作品集展示会比较常见。虽然简单养眼，但是承载信息有限，公司部门的主页很少见这样的设计。

2、响应式网页设计(Responsive Web Design)

现在越来越多用户都拥有多种终端：台式机，笔记本，平板电脑，手机，能够适应不同尺寸显示屏的网页是现在的潮流，甚至是未来很长一段时间的设计趋势。那么响应式网页设计就是来解决这个问题的。这种特别的开发方式能保证网页适应不同的分辨率，让网页要素重组，使其无论在垂直的平板电脑还是智能手机上，都能达到最好的视觉效果。网站设计制作除了多终端的多样化，我们还可以看到我们的电脑屏幕，手机屏幕都在不断变大，而在对未来生活的预测、概念设计里，“屏幕”这个产物更是被运用到多种新平台上。例如微软发布的“未来生活概念视频”里，厨房、室内墙壁、办公室玻璃墙面都成为了交互平台。所以我们可以发现，响应式网页设计所具备的良好的适应性和可塑性，在未来的网页设计里将占有举足轻重的位置。

3、扁平化设计(Flat Design)

网站设计制作扁平化设计可以说是去繁从简的设计美学。去掉所有装饰性的设计，可以说是对之前所推崇的拟物化设计的颠覆。我们不能妄加评论说这是好还是不好，只能说它提供了一种新的设计思维。扁平化设计是否会成为将来的趋势我们也无法，尽管褒贬不一，备受争议，但是就现在来说它是当下的一种潮流。

4、视差滚动设计(Parallax Design)

网站设计制作视差设计可以说是近年来网页设计中的一大突破，也备受推崇。视差滚动是让多层背景以不同速度滚动，以形成一种3D立体的运动效果，给观者带来一种独特的视觉感受。除此以外，鼠标滚轮的流畅体验，让用户在观看此类网站时有一种控制感，简单来说这是有响应的交互体验。就好像童年看到走马灯，转动它你就能看到人物动起来，还能欣赏故事。视差滚动设计的趣味也在于此。所以无论是网站还是电商商品宣传页都经常采用视差设计，吸引眼球也很受用户喜爱。

5、无限滚动模式(瀑布流)

有一些网站内容很多，但他们并没有简单分页，而是采用的是一种垂直瀑布流的方式布局。将那些内容垂直排布，当用户纵向滚动时，内容会不断更新好像永无止境。这样的瀑布流很早之前就开始流行，最早采用该布局的是pinterest。这样的滚动页面就大大减少了分页的数量，个人认为对于这类信息量大，每日更新数据快的网站是比较不错的方案。

6、滚动侦测网页设计(Scrollspy)

网站设计制作利用CSS的实现将导航栏固定在网页顶部(大多数是顶部，当然也有侧面或底部)，并将版面内容按照导航顺序垂直或横向排布，使得用户点击相应导航tab时页面自动滑到相应页面，而若点击内容，导航也将随之改变。这样的网页设计页面基本不会跳转，每一个tab所指向的页面内容也基本一屏显示完整，所以在页面呈现的内容上会有所局限。为不影响布局一般也会伴随自适应。滚动侦测式的网页会给设计师带来了很大挑战——要在有限空间内保证内容呈现的完整性，故设计师会在版面上下足功夫。而这类网站结构和视差设计有异曲同工之处，所以我们发现很多网站会结合两者，给观者带来不一样的视觉感受和用户体验。

7、网页的风格化设计(The style design of Webpage)

网站设计制作现在的网页早已不再像过去受诸多条件和技术限制了。其呈现方式颇为丰富。风格从清新到复古，插画手绘到拟真设计，无奇不有。无论是版面版式，还是设计元素，用标新立异这个词形容绝不为过。根据自己撇到的冰山一角，提一下对我感触最深的变化：

(1)注重字体设计(Pay attention to the font design)

近年来很多设计师将字体设计也融入了网页设计中，并作为设计的一个重要元素提升整个网页品味。通过使用CSS3设计师可以拥有许多自定义的字体，这给网页的视觉设计也增加了一个重要的设计思路。

(2)丰富灵活的动画(The flexible animation)

Html5和flash的广泛应用，让网站设计制作的交互动画变得更加生动有趣。

通过观察这些趋势如何影响现代网站设计，或许可以为网页设计师带去指引，发散出新想法。

(3)平面设计感的加强(Strengthen the sense of graphic design)

网站设计制作随着设备和技术的革新，早已突破了过去单一框架的限制，变得更加灵活。所以就页面风格更多地开始向平面设计靠近，许多页面设计得极赋海报和杂志的版式感。时尚而富有冲击力。虽然设计师和开发者都需要和市场接轨并跟上潮流的脚步，但是所谓的潮流是当下的，未来确是未知的。网站设计制作的确需要保证自己不被行业趋势甩到队尾，但更重要的是在浪潮中适应和学习。

如何使你的网站设计显得高大上？

身为设计高大上这个词应该听不少！但是每个人的理解不同，如无印良品。传统意义的高级感，可以理解为深远的意境，极简的表达以及极致的细节追求！

然而从实操性来说，可以考虑配色方面，不同色彩给人不同的心理感受，降低饱和度或使用明度稍微低一点的颜色，能削弱减少色彩对人情绪的影响，提升作品的高级感觉！比如莫兰迪色，经典黑白灰

字体选择不宜太多，利用文字大小对比，营造信息层级关系，同时字体选择也要斟酌考虑。

还可以考虑让文字高级的图形化处理设计效果，加入一些外国文字，造成一种高冷的疏离感，从心理上让人产生距离感，提升高级感，让它不能第一时间给解读出来。

善用留白，营造出很好的空间感，让画面有一个延伸，呈现一种意境美！

选择用高质量的图片，可以的话可以自己拍摄，图片清晰，构图，光影要设计好，不能太杂乱，讲究细节

几何元素和色相对比，营造时尚高级感，也是高大上的一种表现方式。

同时要跟需求方沟通好，他们的高大上具体是怎样的，找对方向！文艺范，科技感，时尚范，古典高冷范等