快速打造电商专题之黑色星期五案例分享
-

怎样在网页中应用手绘风格,以改善网站的用户体验
手绘风格非常有利于展示人性色彩,形成独特的识别度,为用户带来真实感。当你收到好友寄来的明信片时,你总是希望看到卡片是手写的,带着好友独特的笔迹,而不是用电脑打印出来的。一
-

解析网站404网页设计那些不得不说的事
前阵子做我们一淘优惠商家统一的报错页面, 整理了一些有意思的404页面(后简称404),加之最近网友热议的QQ空间公益404页面,在这里一起拿出来跟大家分享一下。
-

z-index属性的使用方法和层级树CSS教程
CSS 中的 z-index 属性用于设置节点的堆叠顺序, 拥有更高堆叠顺序的节点将显示在堆叠顺序较低的节点前面, 这是我们对 z-index 属性普遍的认识. 与此同时, 我们总是对堆叠顺
05、配色
其实本次页面配色难度并不高,原因因为大环境以黑色为主,所以其他颜色为点缀。所以颜色亮度会高一些。
A:标题会有一个需要突出的地方,也就是视觉上的落点,“5折”作为本次sloang(标题)的重心采用黄色点缀。黄色在颜色是亮度比较高的颜色也是和其它颜色最容易搭配的颜色。
所以我们经常会看到促销活动中标题利益点或者某个要突出的会用到黄色。

B:副标题、利益点、标签,因为和sloang对比起来它们是较弱的,通常会加上一个底色块或者外框什么的来增强下。也是为了在形式上和sloang有区分,在阅读和视觉上面会有一个分段。颜色选用紫色的微渐变即可,色块部分透明度的处理融进背景,不会太生硬。

不融合的感觉。其次文字上面叠有一层和购物袋一样的图案,“5”上可以明显看到。
06、装饰元素
通常我们都会增加一些元素、不管是立体的还是扁平的。我们的目的只有一个就是丰富页面那么在这里我直接用了三角形来装饰,但它会有一部分融入背景中去。这样做让三角形不至于过于扁平,也少许有一些空间。

大家也会看到其中文案后层用2个三角形拼凑的五角星,其一是为了让这些散在外面的三角形有一个中心点,其二也是为了避免标题过于融入背景,也增加了一层空间。
那么散发在外面的三角形的状态,它们的指向性都指向中心。目的是为了让视觉焦点集中在标题上。

△最后效果,配色选择颜色之间相近的颜色,高亮一些,其次三角形有大有小变化。


























