百日练习之网页练习(P76-P78)

1年前发布

原创作品 / 网页 / 专题/活动
作品版权由Pony欧尼 解释, 禁止匿名转载;禁止商业使用;禁止个人使用。 临摹作品,同人作品原型版权归原作者所有。

抽时间做了三个页面练习
不同的风格
不同的感悟
继续加油

这次练习的第一个页面,想着前段时间疯狂做海报练习,网页规范忘记可不行,就做了一个规规矩矩的网页:页面内容就是西湖十景映衬下的不同夕阳~

感悟:

1.注意图片上文字识别性(对于比较亮的图片,适当调暗;但是应该突出图片的部分又需要提高亮度);

2.对于比较空的版块,怎么做到不空(可以用一些线条来充实背景);

3.图片的跳跃度不要太大(尽量找同色调同主题的图片)

第二个页面是对饿了么app端的金币商城进行改版,因为用户体验太差了,每次兑换金币,看商城的每个商品,都会感觉下边商品的介绍是上边商品的,很混乱,而且整体风格比较陈旧~所以就拿来改版做练习啦~

改版的时候没有考虑饿了么的蓝色,而是选择了红色和黄色的搭配:更有食欲嘛(也可以选择蓝色色调的哈)。然后进行重新排版~

感悟:

1.看起来比较空的部分怎么处理(可以添加背景纹理,充实画面);

2.怎样让用户看到商品就能对需要兑换的金币数一目了然(商品放置到纯色背景,既让画面干净又比较醒目,同时把金币数放到最下边,符合人眼视觉走向:从左到右从上到下);

3.怎样让多个商品看起来没有那么乱(因为商品都放置在纯色背景上,而且各个商品形状不同,如果都用纯色背景会白茫茫一片,视觉疲劳。所以考虑用白色灰色背景间隔着来使用~)

翻了翻以前采集的优秀页面,被虾米的这个专题页吸引:真好看啊~不过,它为什么可以这么好看呢?

01

02

03

04

首先我画了50px+20px的网格参考线,如上图01、02、03、04,发现很多版块的排版看似参差不齐,其实都在规则之内:严格的对齐原则,不仅让页面看起来舒服,而且无形之中被这个骨架支撑~

05

06

4
- 位站酷推荐设计师推荐 -

声明:站酷(ZCOOL)内网友所发表的所有内容及言论仅代表其本人,并不反映任何站酷(ZCOOL)之意见及观点。

作品信息

  • 创作时间

    2019/06/21

百日练习之网页练习(P76-P78)
Pony欧尼 关注
没有新消息