首页 > 知识•资讯 > 帮助网页设计师找灵感,11个经常参考的视觉网站 > 正文

帮助网页设计师找灵感,11个经常参考的视觉网站

2020/12/24 0:14:18 · 稿源:传诚信

当一个新的网站项目进来洽谈时,我们通常会在评估阶段,先按照客户的「产业」和「需求」找一些相应或适合的视觉风格网站。除了公司本身的作品案例外,也会搜集一些客户/老板的「目标网站」。

一方面和客户讨论风格定案,一方面也激励自己要不断创新与进步!
看到厉害的作品,才会知道自己的不足,也能知道现在流行的风格与最新的技术。

这篇文章会整理一些,平时在网站设计工作上可以帮助网页设计师找灵感的,11个网站收集分享!


一、Awwwards

image.png

赫赫有名的Awwwards有「网页设计界的奥斯卡」美称,它创立于2009年,总部位于西班牙瓦伦西亚,是一个集结时下最优秀的网页设计竞赛平台。

网页设计师可以透过Awwwards投稿自己的网页作品(需付费),会有专业的评审进行评选,分别为该作品的各个项目进行打分(满分10分)。

image.png

by DuallStudio on awwwards

image.png

Awwwards每隔一段时间会评选出近期最佳的网页设计作品,并举办颁奖仪式。
如果设计师的作品能够入选,将是非常大的荣幸!
転転是台湾入选Awwwards网页设计奖最多的公司,笔者也很喜欢他们的作品:)

二、The FWA

image.png

FWA是全球最顶尖的多媒体竞赛平台之一,目前竞赛项目包括「多媒体互动设计、网页设计、APP应用程式、VR装置」等等。
该网站每日会选出一个「FWA OF THE DAY」,每月再由这些得奖者中选出「FWA OF THE MONTH」,每年也会选出一个该年度最优秀的「FWA OF THE YEAR」。

获奖的作品水准都非常高!以9月份的FWA OF THE MONTH为例,FWA会针对该得奖作品最值得欣赏的部分,做一个区块展示。

image.png

三、MUUUUU.ORG

image.png

muuuuu.org是一个日系网站收集页,主要以分享日本各地的网页设计作品为主。
左方有详细的分类可以供设计师检索参考,共有四大类:

  1. 产业INDUSTRY

  2. 设计DESIGN

  3. 类型TYPE

  4. 色彩COLOR

四大类又个别细分一些小分类,如:「运动、设计艺术、时尚...等等」。
虽然网站为日语有些许不便,但透过Google翻译的功能,使用上还是很方便(我爱Google!)

image.png

↑ 开启Google 翻译后的网站

四、Bridge

image.png

笔者真的好爱这张Banner (*′?`)~? 动画也很舒服,每次进来都是一种享受!

Bridge是一个付费的WordPress主题销售网站,总共有520种Demo可以选择与参考。
分类非常多样,如:「商业、作品集、部落格、创意...等等」,个人觉得风格比较偏向现代欧美风。
笔者没有购买过,公司也没有使用WordPress,仅用来参考版面设计与初期设计方向,如果有在使用WordPress的朋友,可以看看喔!

五、W-Storage

image.png

W-Storage也是一个日系网站收集页,性质和分类上与muuuuu.org有点相似。
个人觉得W-Storage收集的网站大多比较制式一些,数量也较少,但还是收录了很多不错的日系版面。

六、Web Design Clip

image.png

Web Design Clip是一家日本的网页设计收集站,整体设计非常舒服,内容主要分为四大类:

  1. 日本网页设计Japan

  2. 世界/国外网页设计World

  3. 到达页面/登陆页面Landing Page

  4. 手机/响应式网页设计Smartphone

特别的是他们提供以主色调(Main Color)、副色调(Sub Color)、布局(Layout)为主的筛选类别,另有以主题搜集的设计作品分类(Category)和站内的搜寻功能。

image.png

最棒的是他们每天都会更新喔!可以时不时打开看看最新的推荐网站(?′ ? `?)
在World的分类内,也可以看到台湾的网页设计作品喔!

七、RWD JP

image.png

RWD JP是一个专门收集有RWD(响应式网页设计)的日本网站收集页。
每个作品都有三种萤幕尺寸显示,分别为电脑、平板和手机,按下作品右方的「MORE」,会连结至该作品的介绍页面。

网站共有四大分类:

  1. 主题类别Category

  2. 颜色Color

  3. 技术Technique

  4. 类型Type

image.png

在作品介绍页中,RWD JP很贴心的依照网站分类,帮各个作品统整出它的「类别、颜色、技术,类型」以及网站简介。
下方也会推荐出类似的网站作品,对于寻找设计风格及版面很有帮助!

八、Straightline

image.png

Straightline是一个日本网站,目前收集了9145个网页设计作品。
除了日系网站外,也有收录欧美的网页设计,种类非常多样丰富!
每项作品可以看到加入的日期与收藏人数,平均每天会有一~三个新作品更新到网站。

image.png

左上角小小的「tags list」点开(真的好小),可以看到网站的分类筛选功能。
分别有:

  1. 颜色colors

  2. 类型genres

  3. 其他分类others(如:日文、英文、html5...等等)

  4. 模式/布局patterns

想要找日系和欧美系的网站设计,推荐来这边逛逛!

九、I/O 3000

image.png

I/O 3000是一个设计简约且直觉的网站收集页。
经常更新,而且有个特别的分类是依照年份归档,从2009年一直到2020年,可以清楚看到网页设计的进化史XD

网站共有五大类:

  1. 分类目录Categories

  2. 标签Tags

  3. 色彩Colors

  4. 年份档案Archives

  5. 随机播放Shuffle

随机播放Shuffle很适合用于大量寻找参考风格或是设计灵感。

十、Korea Web Design

image.png

Korea Web Design是一个专门搜集韩国网页设计的收集站。
虽然平时鲜少参考韩国的网站,但笔者觉得韩国在饱和色彩的设计配置上很值得参考!

十一、程序猿导航

image.png

网站设计师网址导航(hao.ccxcn.com)-精选设计网站大全,一站在手,省事省心。
成立于2004年的北京传诚信广告有限公司(简称北京传诚信),为国内专业网站设计及网站建设公司,是一个高素质的技术团队,凝聚了一批行业类年轻且有活力的成员。
他们在网站设计的阵地上有着出色的表现以及丰富的实战经验,更具魅力的是他们的创造力和奉献精神。
我们团队的成员都是设计界的精英,受过高等的艺术深造,经过多重工作实战磨练。并拥有与各国内外各大企业的成功合作经验。
我们的实力和配合绝对可以胜任任何有具有挑战性的设计工作!

以上为笔者在工作上常逛的网站收集页,如果有发现更好的资源会持续更新:)

  • 相关推荐
  • 大家在看
客户服务
咨询热线

010-62199213

24小时咨询热线

139-1050-5354