大气网页设计案例分享会（网页设计大赛作品展示）

本篇文章给大家谈谈大气网页设计案例分享会，以及网页设计大赛作品展示对应的知识点，希望对各位有所帮助，不要忘了收藏本站喔。

本文目录一览：

• 1、用文字作为主体排版的15个网页设计案例
• 2、40个优秀的关于我们页面网页欣赏
• 3、20个等分两栏式的网站设计欣赏
• 4、9种UI/UX设计案例,让你做出漂亮实用的设计界面
• 5、网页设计中“大气”怎样把握
• 6、40个网页设计优秀案例

用文字作为主体排版的15个网页设计案例

Fino Par黑色的背景也挡不住一个吃货的心。餐厅大名在整个页面用特殊字体居中显示，悉尼的这家餐厅网页设计也是吊足了食客的胃口。浏览网页 NFB/Interactive这里有另一种摇滚风格排版是与一个怪异的音频添加到网站的整体氛围。

Degordian这个网站充分运用了对比强烈的大背景和具有冲击力字体(Futura)的组合(这也是目前网站设计的一个大趋势)，网站另一个值得称赞的地方是它用的正文字体：Merriweather。

这个网站的排版设计可以称得上上一石二鸟。别具一格的排版设计绝对称得上独特，它不仅展现内容还作为标识而存在，此外它还具有导航的功能。

听起来玄乎，不如看看别人家的案例来的直观。 0 醒目的色彩和鲜亮的配色 严格的色彩搭配和醒目的色调选取，使得Rook 的“关于我们”页面的设计看起来简单而突出。醒目的金色贯穿整个设计，从LOGO到图像、排版都保持着一致性。

Legwork Studio 的关于我们页面中，加入了狼头人插画，配合手写字体，营造出了一种个性化的氛围。

40个优秀的关于我们页面网页欣赏

1、Robby Leonardi 的网站似乎被设计成一个扁平风的电脑游戏，当你浏览页面的时候，会随着主角去不同的页面，做不同的事情，而去关于我们页面也是其中的一个“场景”。这是一种整合页面的方式，值得学习。

2、This Also 的关于我们页面设计可谓是可靠而到位了，页面地图标注出了公司地点也就算了，当你向下滚动页面的时候，还能看到详细地址的说明、沿线地铁的乘坐方式、沟通的电子邮件地址、电话，等等等等，不一而足。

3、这个“关于我们”的页面还有两个地方非常贴心，一个是短视频背景，它很好地展现了工作环境和整体氛围；另外一个是团队成员头像的设计，鼠标悬停的时候，你可以看到其中人物表情变化的动效，不仅贴心而且有趣。

20个等分两栏式的网站设计欣赏

网页中并排的两栏呈现不同的信息，是分屏式设计的最典型特征，两边的信息可以包含相同类型的元素，可以呈现不同属性的媒体内容，比如一边是图片，一边是文本。

Cihat Turhan 的作品展示页采用的是等分两栏式的……背景，一边是页面一边是代码，居中的文字介绍则正好暗示出了设计师的身份。网站的构思颇为精巧，美中不足的是对于移动端浏览支持不足。

《网页设计参考 魅力十足的35个精选网站（上）》Wills World 随着向下滑动，背景产生不同的渐变，忽略了栅格系统，并加入了随性的动效。翠江堂 这是隅田川旁一家拥有80年历史的和果子店的网站。

9种UI/UX设计案例,让你做出漂亮实用的设计界面

亮点：软件设计简洁，颜色搭配极佳。彩色按钮呈现多样的生活分类，整洁美观。各式框架呈现流行趋势和特色广告，简洁有序。矢量图标简单易识别。添加多种界面，满足用户各方面的需求。

如何使用Sketch来设计手机UI界面A Step-by-Step GUIde for Starting a New App Design Project inSketch开始一个新的设计项目是很难的，无论你是自由设计师，还是在知名的产品公司工作，时常会感到迷茫。

Bady是一位位于新加坡的用户界面设计师，他目前在一家银行做全职工作，他非常热爱设计，认为设计是解决人类问题的最好方法。他的作品集采用了大量的留白，界面干净而舒适，还包含一个日志，记录设计灵感。

更改按钮位置后的界面更符合Android的设计风格，也使得新用户继续使用Poket的可能性增加了23%。 在2013年的秋天，归档按钮被放置在了屏幕的左上角，右侧是Android设计规范所说的“向上”按钮。

Slack绝对是导航菜单设计中的典范，它的菜单可以从屏幕的左右两边弹出显示，而主要功能菜单是从右侧弹出的，而特定频道的菜单则是从左侧弹出。用动画来润色 有趣而漂亮的动画，是让你的应用令人感觉非同凡响的另一手段。

个UI设计法则：连续性法则。连续的要素安排构成了一种有条理的结构，能使阅读更有条理。这样做的目的就是促使使用者完成我们想要的动作，例如，左滑可以看到更多卡片。以连贯性方式通知用户，让用户隐藏部分。

网页设计中“大气”怎样把握

大量的留白。留白是简约风格绕不开的一个话题，也是塑造“高端大气”的一把利器。大量的留白可以让整个网页看起来更舒服，可以方面浏览和阅读，更重要的是会给人一种高级的质感，像一些高档的品牌才会这样设计。

第留一些空白与空间感 很多人做网站设计空间感不是很强，有些把网页内容排列的密密麻麻，让人感觉有一种拥挤的感觉，正如我们住房一样，如果房间不留有空间，你住着舒服吗？不同类型的网站实出点不同。

友好性：友好性怎么理解呢？其实，就是让客户访问很顺心，这样才能让客户愿意浏览你的网站，有了客户就不愁没有业绩啦。简单化 并不是说综合性的网站就一定能体现出高端大气。

内容规划要简洁、清晰，导航栏可以适当的控制下广度，做好一级分类，加大深度，增加二级导航栏（此项只针对企业展示类型的网站）。

40个网页设计优秀案例

简单优雅和易读是 Joseph A Avoue 的网站联系我们页面的设计风格，没有华丽的设计，也没有花哨的功能，一个纤细的环，中间是最基本的联系信息，就是这么直接。

Robby Leonardi 的网站似乎被设计成一个扁平风的电脑游戏，当你浏览页面的时候，会随着主角去不同的页面，做不同的事情，而去关于我们页面也是其中的一个“场景”。这是一种整合页面的方式，值得学习。

高清黑白照片着陆页轮播或背景图片的应用，是另一种设计师常用的黑白风格网页设计方式。而本款作品集网页设计就选用了这一设计方式，通过着陆页添加有特色的高清黑白背景图片，以增强页面的视觉效果。

Mine is Yours 是一个极简风的网站，它不仅总体风格如此，而使用单一字体营造出无与伦比的统一度。在这个案例中，少即是多的设计理念体现的非常透彻。

大气网页设计案例分享会的介绍就聊到这里吧，感谢你花时间阅读本站内容，更多关于网页设计大赛作品展示、大气网页设计案例分享会的信息别忘了在本站进行查找喔。