专题页设计技巧
- 1、下载文档前请自行甄别文档内容的完整性,平台不提供额外的编辑、内容补充、找答案等附加服务。
- 2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
- 3、如文档侵犯您的权益,请联系客服反馈,我们会尽快为您处理(人工客服工作时间:9:00-18:30)。
专题页面设计技巧
一直在学习各种页面的设计,尤其是专题页面的制作,看到一篇文章,有很多关于专题设计的技巧,根据原文,摘录了一些。
先记下来,和大家分享。
专题设计需要了解
1、专题头图设计,实际效果宽度1600PX时是最好的展示。
2、首屏高度为600px,这是大多数用户第一屏能够看到的区域。
3、优秀的头图是专题设计的灵魂。
4、首先设计风格,先在纸上或是大脑中勾勒一个大概的轮廓。
有些专题没有具象的视觉元素,那么就从专题的文字入手,如果实在不带感,可以将一些与专题相关的元素先拼凑在画布上,然后尝试各种组合,寻找灵感。
5、头图构图:需要考虑如何巧妙的与下面的内容衔接,而且尺寸更大,细节更多,构图也可以变化。
如果只是千篇一律的采用规则的构图,会让专题显得单调呆板,和视觉效果不好。
(例如可以用圆弧形的割头图)
6、精美的视觉元素是构成优秀头图的重要元素,其中另一个重点就是大标题。
大标题需要花费专门的精力制作字体的变形和特效。
7、专题内容区的设计:可以继承头图中的视觉元素。
8、内容是基本,是想要传达给用户的核心,所以内容应该清晰,布局合理。
9、为了后续的制作方便,可以以5px的倍数进行间隔区分,个别情况例外,只要间距在视觉上保持规整即可。
10、特色模块,视觉突出。
但是要做到突出而不突兀。
谨记:追求卓越,成功自然尾随而至。
专题设计技巧:
1、1024*768分辨率下,首屏高度为584px;1440*900分辨率下,首屏高度为:716px。
两条首屏线:580px;710px。
注意首屏高度。
将最主要信息显示在580px 范围之内。
2、检验一个专题头图标题是否显眼其中的一个方法就是将网页去色,站在远处看看标题是否还看得清。
专题的标题要足够醒目,要与整个页面有最大的对比度。
Title是页面的视觉焦点要足够显眼。
大小:主次画面对比,避免通体平均明暗:看看去色后设计稿的样子是否还足够显眼。
3、掌控你页面里面的光,让内容在同一个光环境里面。
例如,不要让人物的脸或者其他的素材,有的灰暗,有的太亮。
4、抠图拒绝毛边,千万要把图抠好,要不整个页面会下降一个档次。
5、选择合适的素材。
根据主关键词,逐级延展,将抽象的表意逐级具体化,然后从具体十五中选择合适的作为你需要的素材。
选择合适的素材,优秀的素材是设计稿的灵魂,平庸的素材只是装饰。
1.找素材要保证素材能对表达的氛围有帮助能恰当表意;2.要保证页面上的素材风格一致,都是一个调调;。