您可以捐助,支持我们的公益事业。

1元 10元 50元





认证码:  验证码,看不清楚?请点击刷新验证码 必填



  求知 文章 文库 Lib 视频 iPerson 课程 认证 咨询 工具 讲座 Modeler   Code  
会员   
 
   
 
 
     
   
 订阅
  捐助
干货!小技巧帮你完成创意十足的网页设计
 
作者 小峰向前跑,火龙果软件    发布于 2014-10-22
   次浏览      
 

小白叨一叨:依靠独特的设计手法,搭配上创意优秀的图片,可以让网页突破空间界限,给人留下深刻的印象。而如果有一些小技巧的话,则会有事半功倍的效果。(注:图片下为来源网站名)

作为一名设计师,每年都会沉浸在一些新的设计趋势中兴奋不已。接下来,我们将探寻2013年的最新设计趋势,这绝对是意义非凡的事情。Web设计师必须洞悉所有相关领域的新趋势,紧跟时尚潮流。

这些新趋势让设计变得妙趣横生。但是很多专家还会倡导那些并非最时髦、最震撼世界的设计。当然,响应式设计不仅去年是热点,今年依然还会被人们重视。同样,栅格化设计作为最基本的设计,也会被继续延续下去。

这次,我想探索一下那些逐渐发展起来的设计潮流。也许过去我们只是偶尔尝试一下这些设计风格,但是今年我们会真正关注它们。

不过,要很遗憾的告诉大家:“文章的这些优秀案例,大部分要翻墙。。。”

更多留白/负空间

ithinkimight

Shun Cutlery

Nate Hanson

我们要更简洁的设计。去年我们狂热追捧极简主义和对应的简洁的视觉设计。从logo到名片再到网站,每一处都将简洁进行到底。今年,设计师会在视觉设计中增加更多留白,这毫无疑问会将简洁设计推向另一个高潮。

负空间是一种重要的艺术设计方法,很多人也认为不必将元素填满画布的每一个角落。将负空间应用在web设计中会产生很棒的效果,因为不需要将那么多元素都呈现在界面上,人们也在逐渐适应这一点。当我们访问网站时很清楚自己需要什么。希望不怎么搜索就能找到目标信息。

建议:别总想着如何通过设计创造空间。进行常规设计然后将页面上的内容进行删减,通过这样的方式你也能得到期望的设计效果。

桃红色和浅橙色

manoscrafted

etchapps

fhoke

我们仔细研究过很多web设计中的流行色。蓝色是最流行的颜色之一。从企业网站到娱乐站点,用点蓝色好像就能设计出一个不错的网站。甚至一度(也许会持续下去),我们也喜爱暗黑主题的网站。重要的是,这么多颜色,关键时刻你能有所借鉴。

今年的流行色是肉色、粉色、浅橙色。我认为这些颜色能够与任何彩色和无彩色搭配,它们显得既沉静又不单调,既有魅力又不张扬。我认为很多人今年将会(应该会)在设计中运用到这些颜色。

建议:想尝试一下这些神奇的颜色吗?试试 #F97743 和 #F38268吧!

大块头有大效果

dmva-architecten

allanyu

ryanmichaelkelly

如今,我们不仅仅设计传统的电脑显示屏,也设计平板电脑和手机。网站即使在巴掌大小的空间也要清晰可见。很多设计师在进行web设计时都采用增大字号和图片的方式,但是这些方式还不够新颖、大胆。

现在,是时候做更大胆的设计了!我们一直都在进行常规的设计,但是现在的分辨率越来越高,支持的像素也越来越高。事实上,很多印刷媒体中的经验已经被应用到显示设计中。是时候将二者结合、回归web设计了。

超大设计能够吸引人们的注意力,这和简洁设计有异曲同工之妙。如果有什么大块儿头的东西,吸引我的注意力,我一定会先看它!这也许是让我们摆脱平日里各种信息干扰的另外一种途径。

建议:我们已经尝试过大尺寸的图片,现在试试大小在64px到72px之间的文字吧!建议使用FitText这样的工具,这样文字就能自适应不同尺寸的屏幕。

动态图片

socialdesignhouse

teehanlax

patrikervell

随着技术的不断发展,在web设计中添加动态图片和视频变得越来越容易, 而这并不会占用很多空间。因此,在web设计中上述元素会逐渐成为一种常态。想想,谁不希望自己访问的网站像是从霍格沃兹魔法学校来的?

动态效果能够强有力地吸引人们的注意力,能让那些普通的图片和滚动条变得富有魅力。现在进行设计的时候设计师不仅可以使用静态图片,还能使用动态图片,这无疑为设计师开启了一片广阔的天地。动态效果是我最期待的设计趋势,不知道谁能将它运用到极致?

建议:找一些html5有关视频部分的教程,好好学习一下,开启你不一样的设计吧!

不要再用图片库了

italiokitchen

neuarmy

artifactcoffee

人们早就不稀罕炫目的时尚大片了,他们希望看到真实的产品信息。那种将产品照片叠在纯白背景上的风格也已经过时,人们想要了解产品的个性和背后的故事。

网站依然是维系公司和客户之间的重要纽带,因此产品展示的真实性对于目标客户就显得十分重要,所以总用那些单纯的产品照片或者经过修饰的时尚大片并不是个好主意。

虽然大部分web设计师不能完全决定使用怎样的图片,但是在线展示品牌的个性与形象还是非常重要。我期待看到更多的网站敢于使用展示产品真实面貌的图片并通过信息的整合来讲述产品设计背后的故事。

建议:买一部相机或者与一位摄影师配合,这样才能获得与web设计理念相匹配的图片。这能帮助公司提升产品销量。

结论Web设计和时尚设计有很多相似之处,那些看似遥远的设计理念可能很快就会付诸实践。融入潮流之中,共享设计之美,尝试新鲜事物,开创未来风格。

   
次浏览       
 
相关文章

中台产品面面观
如何在互联网产品中建立中台?
什么是产品生命周期管理?
产品设计之前,如何分析业务需求和用户痛点?
 
相关文档

产品经理是怎样炼成的
APP产品规划方法
产品经理培训文档
产品生命周期管理PLM
 
相关课程

产品经理与产品管理
卓越产品经理训练营
产品需求分析与管理
基于用户体验的产品设计
最新活动计划
LLM大模型应用与项目构建 12-26[特惠]
QT应用开发 11-21[线上]
C++高级编程 11-27[北京]
业务建模&领域驱动设计 11-15[北京]
用户研究与用户建模 11-21[北京]
SysML和EA进行系统设计建模 11-28[北京]

正视研发管理才是高水平竞争
需求是如何变成产品原型的
产品经理能力模型解说—把控
产品经理的正确定位
谁是合格的产品经理?
产品管理与产品营销的区别
更多...   

统一过程及应用
敏捷过程实践
基于XP/RUP的迭代开发
软件开发过程指南
SCRUM过程实践
敏捷测试-简单而可行

某博彩企业 产品经理与产品管理
北京 研发团队与工作管理
广东金赋信息 敏捷开发过程与项目管理
某支付平台 软件配置管理与发布管理
富士 软件外包项目管理与进度管理
塞孚耐 基于Scrum的敏捷开发
更多...