Dribbble中文网站把这个国外知名的创意作品网站称为设计作品的交流平台。没有过多修饰，但上面的作品真的很不错。dribbble官网跟Behance(简称Be站)对于设计师来说，有着某种联系。搜索任何一个网站都能找到对方。但Dribbble在注册会员方面有所不同。现在Be站是必须翻墙才能访问的，而dribbble不需要，但在注册时很难成功，对其作品图片进行下载有挑战。今天我们分享一组来自dribbble的网页设计作品。
01.
关于家具品牌网站的设计作品及概念稿，我们前期有深入介绍过一些案例。这个家具网站设计作品很特别。在版式布局方便很有设计感，色系也跟之前介绍过的有很大不同。
02.
在国外的很多品牌网站设计当中，把焦点图的重心偏移、置下的版式设计手法比较常见，在咱们国内的却很少见。可能国内用户在浏览网页方面的体验有所差异。但对于F浏览模式，全人类的习惯应该是相似的。
03.
插画设计在网站中的运用，让网站的给你个更加鲜明，趣味。这也是很多dribbble网站设计作品跟behance官网上的网页设计作品的差异之处。
04.
网页设计稿的装裱是一门学问。如果把本来设计一般的作品包装得瞬间高大上，需要琢磨。
05.
移位、留白、对齐，是这个网站设计作品吸睛的最大亮点因素。
06.
篇幅原因，这里不能全面展示这个作品。这个作品的交互设计非常高级。除此之外，信息的聚焦，对齐与留白的设计技巧充分运动，画面透气，不空洞。
07.
除了版式和设计的线条等吸引我之外，左下角的圆环切换，也是一个技术的亮点和挑战。如不考虑兼容性，这个方式还不多见。容易让用户获得良好操作体验和印象深刻。
08.
PC与手机移动设备的响应式设计。越简单的页面布局和内容板块，越容易做响应机制。效果会更出众。
09.
这种后台管理系统的界面设计，带大圆角的设计手法已不多见。记得多年前我为华为路由器和TP-Link做后台界面设计时，对网站的皮肤和HTML的输出文件有体积要求。例如一个页面要求界面美观，但不能超过2KB。这种情况下，既要考虑兼容，又要美观，那大圆角的设计手法就要十分注意。
10.
这个网页设计作品胜出的被热捧的原因，我想应该是对于网页传达的视觉主题和意境有很大的功劳。采用的这种类似插画的设计技巧获得加分。
11.
看这个纹理，像指纹吗？如不深入了解网站，应该也能感觉到，这是一个研究高科技的公司。
12.
这个网站设计作品，色彩搭配简单柔和且融合，舒服。网站版式布局简约，国际化。留白与对齐，运动到位。
13.
如果你来设计这个版面，你会超越它吗？人物聚焦，背景纹理，slogan鲜明但不突兀。最核心的搜索功能简单易用。
14.
这是一个典型的企业logo剧中布局的网站设计风格。通常logo剧中布局后，菜单导航会被拆分成2部分布局。可以是左右相同等级或功能，也可以是左边是主要菜单，右边是辅助功能区域。插画设计是核心。
15.
牛逼吧。就三块文字，形成一个简约的视觉板块。让用户看了，都想点一下，探索更多。
16.
看到风车，像是新能源行业的网站吗？还是关于社区的。其实这个作品的完整体现，是有动效设计的。翻过山后，进入城市。插画设计元素在国外很多品牌网站建设中，极为常见。但咱们国内的不少企业宁愿在图片素材网上订购图片版权，也不太乐意使用插画代替。另一方面，插画设计对于网站设计来说，本身插画的原创设计成本也不低。类似字体、图片版权一样。如果网站需要大量采用插画和图标icon设计，也是需要付费的。
17.
在线商店品牌，详情页的订购体验，始终是这一类品牌网站核心设计页面。别小看它，好像很多网站商品详情页都一样，其实细细研究，还是大有不同。左右切换，加入购物车按钮等的交互功能模块提取出来设置在底部，相比大多数固定在右边参数下面，这个做法是很特别的。
18.
留白设计的难点就是让界面看起来不空洞，聚焦，易用。很多人说小米的产品过度追求极简，导致很多老人都不会用他们的产品。比如显示器，遥控器等等。只有一个按钮。之前熟悉的密密麻麻按钮一下子没了。不适应。其实需要看市场定位。结合科技技术后，产品的界面设计得到大幅度提升。这对于追求简约设计来说，是好事。
19.
这个作品的最特别的地方，是这个颜色的分配。如果这个蓝色是VI核心色，就会一下子让人记住。
20.
这个淡淡的暖色，跟橙色搭配，是国外很多服装，时尚品行业的经典搭配色。利用一些线条和小方块点做装饰，做交互，动效设计，让画面的重心平衡。我觉得最大的难点，是后期如何维护大标题slogan. 除非一直不变，否则这种不是左对齐的，艺术处理的方式需要注意。
21.
从界面上看，这个网站设计作品，交互设计肯定是一大卖点。在版式布局上，剧中是比较理想的。
22.
网站的banner跟下面的功能模块的入口及切换，是这作品的特色。当采用这个版式处理技巧时，需要注意banner区域的底色需要跟白色区域有区分，不可融为一体，否则影响用户操作体验。
last.
科技行业的品牌企业官网设计案例当中，全副武装采用卡通风格，插画设计的手法并不多见。如要采用这些技巧，一定是要结合新锐的交互设计技术才能获得更好的体验。
小结
-
Dribbble官网之所以被很多设计认为是顶尖的设计社区，一定有着自身的优势。它在网页设计、插图设计、ui设计规范领域有着自己的一套运维逻辑。更多关于dribbble设计官网上的设计作品，敬请关注素马设计频道dribbble设计网站。
