2017-02-21
2569
网页设计的时候,离不开图片和文案,让页面更加精致,表达能力更丰富。但图片是不能随便用的,在展示丰富的信息时,又要让页面看起来简洁、内容聚焦,同时页面加载速度也快,保证用户体验好。下面广州网页设计公司就分享网页设计中使用图片的技巧。
网页设计中使用图片的技巧
1、网站中使用风格协调统一的图片
但是它们的内容展示要有所区别,才能表达出网页中不同的层次。
在设计的时候,木工艺术的素材材质看上去接近自然木色,因此整体都以自然原木色作为统一的色调,与此同时,每张全屏大图表现不同的内容层次,搭配不同的文字内容。每个屏幕展示一张大图的同时也展示一小部分下一张图片,作为提醒下一步的操作极为重要。
2、不要在图片里重复同一个概念
试着将概念联系起来串成线,成为一种叙事。
在设计时,考虑用一个引导页作为故事起点,有点像一本书的封面。一个小小的箭头ICON在左下角提醒读者进入“正文”
我们拿出了四个概念,四个概念分别用不同的配图,就像叙事一样对网站的“性格特征”进行描述。这里我放2张配图在这里,大家可以点击进入演示观赏。
3、如果要在图片中使用到模特
这些模特也需要在你贯穿故事始终的同时保持一致。这里所谓的一致并非是指需要他们都是同一个对象,而是指不要让他们好像从不同的世界走来一样。
设计思路就是如此,出现的模特出现在同一个页面,装扮是统一风格的造型,采用竖型排列才会显得不冲突。
来到这个网站的首页是品牌的大型标志,占据首屏,广州网页设计公司点击进入后才来到一排好像橱窗一样的当鼠标滑过某一张图片,这张图片的色调变亮,就像橱窗的玻璃滑开,文字消失,引导用户进一步点击进入。这个故事并非横向,而是纵向深入的。最后直达深入到图片背后的产品理念。
4、虽然是以图片来进行叙事
但是这也并不意味着你就不能使用文字,文字作为辅助可以加强叙事的表达和理解。
图文比例刚好是屏幕的一半,除了展示图片,更突出文字,文字采用的不同色彩的纯色背景,而图片则是较为淡雅的灰白色系和简洁的表达,此时,图片变成了配角。
每一页之间都采用两两相衬的色彩,让每一页都相互联系而不至于孤立起来。
图文展示则是图片为主要焦点,但同时出现文字这个次要的焦点。有点像一张照片旁边贴出的一张便签的说明。图文相互配合,共同营造出想要的那种氛围。
5、尽量运用简洁而具有冲击力的图片
这里所谓简洁和冲击力其实就是在整个屏幕只保留唯一一个视觉焦点。
在设计之初,我们就想要做一个让用户一来到这个网站就能饱览全局的页面,同时又不离开单一的视觉焦点。这不仅要保持简洁,同时又要展示足够多的信息。常见的首页banner设计,就采用了动画的方式来解决,左右各设置一个箭头,一个指向前,一个指向后,分别在鼠标滑过时展示出前后三张图片,广州网站建设公司让你能通过移动鼠标就能大致了解所有图片的大致样式。
以上就是关于网页设计中使用图片的技巧,图文结合是网站传递信息的有效方式,需要不断提高网站设计这方面的技能,让网站更加出彩!
上一篇:旅游网站建设优化心得体会