今天,我们透过欧美网站建设公司的3个网站设计方案来简单简介一下,如何做好一家企业网站的UI设计,尽可能的在视觉设计方面赢得客户的喜爱和信任。
NO.1 wirewerks
电子元件、高精密度制造行业标杆网站。
几个方面值得大家学习和参考
- 海报区域的文字排版设计,跟我们常见的企业网站截然不同,在这个网站设计案例中,海报文字做了独特的版式设计。同时,文字与辅助图形的结合,也是一大特色,这让同行想借鉴和抄袭很困难,毕竟这里的辅助图形,是这家公司的vi延展出来的。
- 标志和品牌色,不是画面的聚焦点。产品、文案才是核心。这点是很难做到的。很多公司为了张扬品牌符号和个性,都会特意的强调标志和品牌色。这个网站建设方案没有这么做。
- 留白与版式设计的结合。第二屏幕的排版设计,很大胆,左侧的大面积留白,需要一块重色来压回来。达到视觉的基本平衡。同时也打破了绝大多数企业网站第二屏幕的常规做法。
- 图像的拍摄,非常高清,精致,且搭配很淡的灰色,跟深蓝色搭配一起,很特别,能体现行业与品牌文化的结合。
NO.2 Travel
即使你不懂得界面中的文案表达什么意思。首页海报区域采用这么一个造型的建筑物,有引起旅行者的无限美好遐想吧。
这个网站建设方案有几个优秀的地方值得借鉴和学习
- 海报背景图的选择,让建筑物能完整且自然地展示于环境中,同时跟网站主题紧密相连,不只是为了美而设计。
- 海报翻滚的组件很特别,跟科技行业的截然不同。
- 海报文字的策划和排版,很用心。同时结合三个图标的展示,简洁、大气。
- 第二屏主打产品的推介,形式很简单,左右切换的箭头很精致,细腻。
- 第三屏,标题与视频入口,视频内容块展示的比例,很合适。
NO.3 PSL Architects website
建筑设计领域的标杆。很少有建筑设计公司官网开篇这么大胆留白的。留白的用意很明显,就是腾出更多的空间来展示下面交互的精彩。
这个建筑设计行业的官网可以给到我们这些启发
- 留白的运用,对视觉的缓冲和突出更为重要的内容,有很大的帮助,越满的板块布局,越难衬托哪一个才是最重要的。
- 大面积留白之后,腾出更多的空间来做更精美的交互和设计。
- 对于陈列式内容的展示,通常均等比例的做法都不能吸引用户。这个网站建设方案的做法,能突然让访客突然眼前一亮。主要是大小图的对比,切换的箭头个性及统一,文案部分的精致版式设计,综合起来就很精彩。
今天本来想写6个精品案例的讲解的,由于时间关系浓缩了一半,希望大家理解。除了设计讨论和分享,我们还有很多实战项目要做,时间关系先到这里。
当然,一个网站是优秀,还是普普通通,除了今天跟大家推荐的网站UI设计专栏之外,还应当关注网站的前端制作工艺、网站的系统操作等等是否人性化有重要关系。毕竟,网站视觉设计,仅仅是平面设计中的一部分,而网站是一个特殊的媒介,有视觉静态部分,也有交互动态部分,设计与制作的绝佳搭配,才是把一家公司有价值的信息完美呈现出来的关键。
文章来源于互联网,侵权请联系删除。如若转载,请注明出处:https://www.xiaopangyu.com/zixun/7451.html