南昌UI培训
达内南昌中心

0571-56020837

热门课程

10个帮你搞定专题单页设计的秘诀

  • 时间:2016-06-17
  • 发布:南昌UI培训
  • 来源:优设网


  单页设计,简单将其比喻为在一张纸上进行的创作和设计。在设计单页的专题时,为了让首屏到次屏再到内容区间的视觉更加的连贯和流畅,就要充分利用好局部对比和整体关系来使页面效果更加的完整。

  南昌达内UI设计培训专家总结了10个做单页设计的技巧。

1、头图有个点,下面设计才好接

  头图元素的设计不分楚河和汉界。

  不能只抱着做个头图就完事的想法去做单页面,要让头图视觉和下面的内容有联系。

  打破首屏(就是俗称的头图)与次屏在设计上有明显的颜色条分隔、形式分隔、线分隔等。

  一般头图的高度值建议在450〜600之间,太高了就会浪费空间。

2、承上启下很重要,页面有头也有尾

  所谓的承上启下,就是说页面中要有一个贯穿整体的主要元素,去构成整张页面的视觉焦点。

  让元素头尾呼应,上下连贯。

3、背景颜色要整体,慎用色块“切豆腐”

  尽量不要用色块进行页面内容的分区,整体的单页设计大多用的是单一颜色的背景。

  对于一些平台型的活动单页来讲,我们常看到一些用不同色块分区的设计。当然,这样的处理方式是为了更好的分出不同的活动内容,也是做为设计的表现形式。

4、由点到面整体感,切记东拼和西凑

  上面讲到元素的重复出现是为了更好的连接由点到面的整体感;

  但是出现在整体中的元素或东拼西凑、或风格千奇百变的话,那么单页的整体性还是会大大折扣。

  无论从排版上、字体选择上、按钮样式、色彩等方面都要做到一致性,这样的单页才是整体的。

5、一眼看完3屏多,不做留白就得晕

  单页因其把所有信息和元素都集中表现在一整张页面中,所以单页设计也注定是能超过3屏以上的页面设计。

  既然是长版的整体页面,信息量又都很大,那就应该对每屏间的高度适当控制,既要保持屏与屏之间的可呼吸性和留白,给人们放松和喘息的空间。

  在使用留白时,要注意不要因为页面有留白和大空隙的出现,使得整体视觉的连接上,出现视觉断点的情况。要尽量做到屏内可紧、屏外可松,让整体页面充满节奏感。

6、整体想了,整体做,整体看

  整张页面设计强调的是整体从点、到线、再到面的构思和表现,它不光只是产出一个首屏视觉(头图)和一个内容区各自独立的体现。

  而更多的要求我们在设计中用放大局部来看细节,缩小页面来看整体页面的方法去完成一张超高的,具有创意和实用平衡的页面设计。

7、整体专题怎么做,注重形式就能破

  单页设计的最大特点就是强调对整体形式感的表达;

  正是因为过分强调形式感的东西,所以整张页面的效果就要具有十足的特色和精巧的创意性,才能必免流于普通单页设计行列中。

  从而吸引用户眼球,让用户跟随整体的设计去体验完整的页面信息,形成对整张页面较完整的用户体验和视觉认识。

8、整体设计故事化,页面才能吸引人

  当你设计单页页面时,在构思之初给整体页面设定出一个故事,让页面具有新颖的主题性,那单页给用户的视觉体验也会更棒。

9、视差滚动好助手,单页发展新潮流

  滚屏动画的特点在于,首先它是用来循序渐进的讲故事;然后利用完美的顺滑的浏览体验,将各个内容间无缝且精巧的连接起来局部某些元素去做分层的动画特效; 最后使现在极简的、扁平的页面设计,有了点晴之处!

10、H5动效新趋势,人机交互有看头

  H5和动效的出现,使得专题活了起来,不再是死板的纯静态图片。

  H5和动效的出现,使得专题的整体体验更像是在看一场精心安排的故事一样。





原文链接:http://www.uisdc.com/website-subject-design-method
上一篇:设计师进阶必备!如何提升职业技能
下一篇:如何规避常见的用户体验设计误区

795万高校毕业生创历史新高,2017届毕业生就业近况几何?

达内Linux学员毕业2周就业率96%,最高薪资10000元

达内教育总裁韩少云受邀出席GIE国际教育峰会做主题演讲

达内教育集团总裁韩少云:回归本质, 打铁还需自身硬

选择城市和中心
贵州省

广西省

海南省