下载安卓APP箭头
箭头给我发消息

客服QQ:3315713922

平面设计教程:教你如何设计专题页面

作者:课课家     来源: www.kokojia.com点击数:1404发布时间: 2015-10-29 09:48:22

标签: 设计

想学设计?来看看大师是如何完成作品的?

大家用这个软件是非常频繁的。
在平面设计中专题页面是有类似的文章组成的,令人记忆深刻的特点,浏览者将得到全方位的认知这些信息让读者给予的信任和认可,并建立读者的认知权威 - 百度百科,模板库设计也想专题页面,但无法控制还是老老实实做企业网站模板吧本期的平面设计学习中试图抛砖引玉,各位朋友,请继续读本期的平面设计教程吧!
专题通常都是要求时效性的,所以做专题首先讲究速度,那么我们怎样才能较快的实现一个专题稿呢?下面让我们具体的聊聊。

首先,我们在制作网站头部的时候,需要关注的是能不能抓住客户的眼球,很多设计虽然精彩,但是不能抓住客户的眼球,那么,可能这样网站设计也会是比较失败的,让来到网站的人没有心情去细心的观看,那么,也就起不到任何的作用。无论您是营销型的网站还是宣传型的网站都要在设计网站的时候学会吸引受众群,让大家可以更加轻松的了解到网站的情况。
  其次,操作简单也是制作网站的一个非常重要的标准,很多人都希望自己企业网页设计更加的具有实用性,即使自己的网页再华丽,没有任何的实用性,可能也只是一个简单的画面而已,不会有实际的作用,所以,网页设计的时候还要注意到网页的实用性或者是操作性,可以让浏览的客户直接的找到自己需要的板块,并且找到自己需要的东西,这才真正的发挥到了网页的作用。
如果需要打造系列专题,就要注意规划设计复用元素,比如相同的logo标题,和为强调系列感的统一视觉风格。以此强化用户的对系列专题的印象和认知。


一、 专题类型:
1、中规中矩型(变化的只是头图,不变的是内容的格局),如下图所示:
平面设计教程:教你怎么设计专题页面
2、自由奔放型(变化的不止是头图,内容呈现上也比较随意),如下图所示logo设计
平面设计教程:教你怎么设计专题页面
3、搭配发挥型(只有一个头图),如下图所示:注:①
平面设计教程:教你怎么设计专题页面
1、复用原则:
平面设计教程:教你怎么设计专题页面
如上图所示,该模块在随手拍四季中都会出现,就需要我们将此模块封装好保留以来。ui设计培训常用的模块归类,以便日后复用,节省以后工作量提高工作效率。logo设计
2、舍弃原则:
平面设计教程:教你怎么设计专题页面
尽量多的应用Css3技术,logo设计这样做可以避免使用过多的图片影响页面打开速度,还能减少flash的开发,当然这样做的缺点是会造成页面中css体积较大,低版本浏览器显示效果不佳等;

如上图所示,通过css区别对待,高版本浏览器显示如左图,低版本浏览器显示如右图。
平面设计教程:教你怎么设计专题页面
3、时间原则:
通常需求都是一系列,比如:微摄影春夏秋冬、微小说一二三届、年底重大节假日活动系列;设计
这就要求我们有提前预判的能力,及早与需求方沟通确认时间,尽早做好人员技术储备。
三、构建方案:
上述类型的专题,制作流程都相近,专题和产品是一样的,大部分都是按块区分,只不过专题更具视觉冲击力,布局更随意。
常规专题,发型设计与脸型搭配构建步骤通常如下:
1、规划分类:
规划:拿到设计稿后自上至下浏览一遍,浏览的时候就可以对这个页面有初步的规划,我们通常规划成网格状,如下图所示:
分类:专题都是通过专题后台搭建而成,后台库提供了一部分封装好的模块,所以先找出后台已有的模块,这些模块直接在后台中编辑发布即可;
如下图所示:(公用模块大约20多个,包括:发布器、feed、图片列表(120、180)、加关注、焦点图、视频等)

2、模块构建:
公用的挑出来后,开始构建‘非常规’模块,特殊的模块就是特定专题特定的内容,这部分需要页面工程师构建完成;
做模块的原则要求代码尽量做到低耦合,高内聚(将页面中的元素看成相对独立但又彼此联系的小零件,设想这些小零件可以随时被拖放到页面中的任意位置而不影响其内部元素的正常运行);模块css的书写原则要求本专题特有的标志开头,例如:教师节–对应的线上域名为teacher,css就最好以t或teacher开头,譬如.t_top{}或.teacher__top{},这样做为了规避css命名冲突的风险;
专题构建时有些需要重点考虑(注:②),
3、测试交付:
模块构建好之后就开始把模块拼合到一起,成为一个成型的页面,后续交付编辑填内容;做好的页面交付给编辑进行内容的添加,页面交付后要跟进,因为不是所有编辑都很了解代码,拓者设计所以要提前做好风险控制,比如:注释做好,代码要精简。
4、上线维护:
编辑填好内容之后进行最后一次上线前的审核,优化一下细节,和设计稿截屏对一下像素,没问题即可上线推广;
解释:
注:①搭配发挥型快捷构建:
很多情况下,设计师排期不能提供整稿设计图,只能提供一个头图,这就要页面构建协助编辑快速完成一个专题的搭建,依据头图调页面背景色,内容区域的背景色,标题背景色及标题文字色,文字链接色,文字色等,通常根据以往设计师的设计理念,按照下面的颜色顺序搭配不至于偏差很多:
标题背景色>内容区域的背景色>页面背景色;
对于设计师以及正在学习平面设计的朋友来说,平面设计理论每人都会或多或少的知道一些,但是我们作品是给谁看的,我们的真正用户是谁,用户的特性是什么,每个网站针对的用户都不同,我们的客户都没有专业的设计审美标准,所以需要一个能让大众接受的专题页面才能留住客户的目光,希望课课家总结的方法能帮助到您!更多平面设计专业相关的视频教程可以登录官网查询学习。经过以上说法重要的是自己要实际一点,自己应用一下。

赞(23)
踩(4)
分享到:
华为认证网络工程师 HCIE直播课视频教程