数极客首页

关注衬线使用上的细节

之前就很想写这样一个很无聊的技术性文章,我这块只是在技术当中也不算是一个码活,靠的就是细致还有很多与生俱来的审美才干

,以及百折不挠
的耐烦
和冷静

说不出来很多废话,下面来看我的一些比较

粗浅的总结

这是一套关于Buon的完成
,假定

对HTML有了解

的话,应该知道

active和hover伪类,并且在网页表现
中,他们也起到了很大的作用,致使

于牵扯到往常

就是设计上也不只
仅只是一个buon样式

那么简单,还要思索
acitve和hover的效果,就像下面完成
的图稿一样

关注衬线运用上的细节

就这么一看,当然什么都没有,但是做设计的,或者简而言之就算是做美工的,也应该把小图放大个两三倍去看,会发现一些自己

可能会疏忽

的细节:

关注衬线运用上的细节

这就是我往常

主要想提到的衬线,这张buon主要运用
了内衬线,还是围了一圈的,没有运用
突变
蒙版。

文字上其实也运用
了图层效果来替代
一点一点去描写
衬线,这个技术以前在站酷上看到一个设计者总结过,这是原文的链接,我就不多讲文字修饰了:http://www.zcool.com.cn/article/ZMTQ2NDA=.html

我总是问大家,为什么喜欢用阴影,用阴影觉得加了效果了就美观
了吗?有阴影,那你的光源又在哪里,两处都加角度相同的阴影,那么有多少光源?这阴影的设置和光源匹配吗?

这都是设计者要问自己

的问题,设计师做设计稿是有理由的,不是随心所欲

的。

下面这一张设计图做的边线衬线运用
更为细致

我们看看它的原图:

关注衬线运用上的细节

再看看放大后的按钮旁边的那条细线,粗浅一看是两条双色线显出刻下来的效果,认真
放大才发现是四条线。

关注衬线运用上的细节

同时,按钮上不再是简单的一圈衬线了,衬线运用
了蒙版,因而

有了过度,上面和下面的内衬线很显然
,但是中间的衬线慢慢

被蒙版遮盖,文字运用
了阴影,契合
背景的深绿色来辉映上面的白色字体。

关注衬线运用上的细节

中间制造
了一层比较

淡的突变
,十分

友好地表现
出平面
感。

页面body的边缘也是有衬线的,要认真
发现它

然后下面是只运用
上衬线,下面用阴影替代
平面
感的buon设计

关注衬线运用上的细节

运用
上下两根衬线,衬线采用突变
蒙版

关注衬线运用上的细节

只采用下衬线,突变
到上面慢慢

减淡的效果

关注衬线运用上的细节

更为复杂地运用
衬线表现
光感

为什么会产生衬线

这是美术光学的影响,在学素描的时分
,刚开端
教员

都会那么讲,哪里的线要加重,哪里有反光,哪里有阴影,为了表现
物体在2D效果上的平面
感,我们只能愈加
熟练

地去运用光线来表现
。寻觅
自己

虚拟出的光源带来的高光、亮部、中间色、暗部、投影、明暗交接线。再提一下,为什么不让大家运用
太过强的突变
,不论

是色向上还是亮度上还是饱和度上都不可跨度太过强,某些特殊状况

除外。由于
这样猛烈

的过度基本

不带真实感,给人一种很不温馨
的觉得
。我不时

坚持设计贴近生活,源于生活。

源地址:http://lazymaru.co.cc/?p=98

给大家举荐

我国新一代大数据用户行为剖析

与数据智能平台:数极客(https://www.shujike.com),是支持无埋点、前端埋点、后端埋点、API导入四种混合数据采集方式,整合剖析

用户行为数据和业务数据,能够

自动监测网站、APP、小程序等多种渠道推行
效果剖析

,是增长黑客们必备的互联网数据剖析

软件。数极客支持实时多维剖析

、漏斗剖析

、留存剖析

、途径
剖析

等十大数据剖析

办法

以及APP数据剖析

网站统计网站剖析

小程序数据统计用户画像等应用场景,业内首创了六种提升转化率的数据剖析

模型,是用户行为剖析

范畴
首款应用定量剖析

与定性剖析

办法

数据剖析

产品

发表评论

评论已关闭。

相关文章