今日笔记

1.什么是专题页

专题页就是利用一个点,一件事,一个主题来策划的页面。

2.专题页的作用

①整合大量的信息,吸引网民的注意。

②给网站带来流量,吸引部分用户。

③提高网站被搜索几率。

④将用户所需要的信息集中展示,方便用户浏览以及查找

⑤将大量的数据分门别类的展示给用户,提现网站的全面性

3.专题页分类

①活动类型专题页面(活动页)

②产品促销专题页面(活动页面,推广页面)

③招商型的专题页面(专题页)

④产品展示类型专题页面(详情页)

4.十种专题页版式及元素分析

①通栏式 

通栏是现在网页中最常见的版式,优点是简洁大气有条理有空间感,官网首页及一些高端产品用得比较多。

②块状式

电商类最常见的,优点是层级分明。让人很清楚的知道它的重点,不会混乱。非常适合展示多宽产品。

③长条状

也是在电商中常见的,与块状区别在于一个是外形分割展示,另一个是外形整体展示,整体展示不代表没有条理,只是外形一体,内部同样有版式有结构。优点是比较整体大气。

④时间轴式

时间轴在节日主题或者庆祝活动的专题页中用的比较多,这种版式适合走叙事或者煽情路线的产品,因为它可以循序渐进的表达主题。

⑤引导式

引导式不仅仅指箭头,还可以是指带有指向意义的形状或元素,优点是比较灵活多变。可以在纷杂的页面中给人指引方向

⑥S曲线式

就是以s为走向展开内容,它与引导式本质差不多,只不过引导式的形状不一样。优点是自然也比较灵活生动。

⑦倾斜式

主要特点是动感,活力有节奏,一般是想突出活力动感的产品会采用这种版式比如运动,汽车类型。

⑧全版式

指页面没有任何块状分割花哨的装饰元素,整体以纯色为底色,最大的特点就是以极简的方式来突现产品的品质感,一般用于高端雅致有品质感的产品。

⑨左右分栏式

把页面分为左右两色进行排版,优点是对称和清晰。

⑩自由式

也是不规则式,没有过多条条框框,灵活度高,整体大气,设计感强,一些想突出个性设计感的产品官网会采用。

5.设计专题时我们要注意什么?

①专题头图标题是否够显眼(其中的一个方法就是将网页去色,站在远处看看标题是否看清,我们用这个方法来检验一下这个专题)

②专题板块内容是否清晰易懂(制作专题内容多,而且没有条理,不知道该看哪里,不知道什么才是这个页面的重点,问题很多但是最突出的问题还是乱)

③专题素材使用要合理(素材使用合理,就算没有文案传达信息,用户才能够联想到专题里面的主题)

④专题风格一致(页面上素材再多,记住也都要一个风格一个调调,保持界面整体风格统一性)

6.目前市场有哪些购物类型的网站? 

自营和提供平台的

高端:珠宝  手表 (价位比较高或者奢侈品)  设计风格:简约 ,大留白,配色不多(不超过三种)

大众:京东 淘宝  配色采用暖色 ,色彩丰富。一般采用红色橙色为主。 

暖色:红色,橙色,黄色     作用:刺激购物欲望,热闹,刺激消费。

冷色:蓝色,青色     作用:严谨  冷静

7.电商网页最重要的是?

搜索框:方便用户更精准的找到所需要的产品(高度不超过40px)

侧滑导航(抽屉导航):筛选用户所需要的产品(200左右—240px,根据视觉走)

固定功能导航:能够给用户安全保障,都自己的信息一目了然(30—36px)

定位导航:能够让用户快速来到自己想要的模块,降低成本(34—40px)

8.栅格化系统的公式


©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

  • web-ui是什么--网页的界面设计 UI就是用户界面,包括三个方向:用户研究,交互设计,界面设计。 WUI是网页...
    欲控一人心阅读 4,110评论 0 2
  • 序言 《 一个 APP 的诞生 》被定义是一本教科书、工具书,适合想通过 APP 实现自己的产品梦的受众通读,即通...
    Kofe_阅读 10,535评论 5 237
  • 声明:此次是收集互联网整理,如有侵权请联系本人进行删除 ps:如果大家有的也可以和我讨论,希望你们能提出宝贵建议,...
    小向资源网阅读 11,437评论 2 33
  • 1、你平时用的网站和app你最喜欢哪个,列举两个并对其进行分析?为什么喜欢? 答案:花瓣、站酷、追波、ui中国。花...
    J_WongH阅读 10,896评论 3 11
  • 1.饱和度高,明度中间,刺激大;饱和度中间,明度高,刺激小2.色相饱和度改变的是它的下面一个图层3.饱和度越高色彩...
    七叶5阅读 5,515评论 1 6

友情链接更多精彩内容