UI设计教程分享:电商网页页面设计常见表现手法

Wesley13
• 阅读 321

1.手绘插画

 场景、人物以及加上故事的创意绘画 会给人梦幻若隐若现的感觉,留下深刻的印象,适合做活动页面以及宣传自已的品牌

UI设计教程分享:电商网页页面设计常见表现手法

2.简约

  颜色少于三色,背景以明度偏低的颜色为主,在信息大爆炸的时代,我们打开手机电脑都会翻开页面浏览信息,当干净利落的页面呈现人的面前,会更直接突出产品,带给人大牌正式规范的公司企业形象

3.颜色

 颜色是很直观的感觉,黄色活泼/可爱/活力/阳光。绿色年轻/希望/新鲜/自由

4.夸张

颜色饱和度都够高,主要以红,黄,蓝,紫鲜亮的颜色,变形的字体再加上搞怪的模特给人亲和力更能突出促销活动的氛围,给人更直观的感觉

5.图不好字体设计来凑

字体设计也分为很多形式,而每一种的形式给人的直观感觉都不一样

6.形式

海报/字体排版形式有正方形,圆形,三角形,动感斜的矩形,左右式,网页页面也有这样的关系,而这种形式就是能贯通页面,就像写文章有前后呼应式,并列式等.

网页页面形式:

上一/二,下二/三/四,规矩整齐明了

以一个素材环绕下来如绸带、丝带,氛围足也增添趣味性

以某个元素上大下收小/上小下变大,如咖啡,橘子,适合用于产品少的店铺,能强烈介绍产品里的好处,当然里面的修图也是一大技法啦,就像告诉读者我家的咖啡特别醇,好喝,看着图片就能把人的食欲激发出来以裙子、桌布、瀑布、呈现下来,形式感强,增加创意,氛围足以区块颜色(填充图)/变形的区块颜色/斜形动感颜色区块上下错开式,能增添页面的动感----

编辑:千锋UI设计

点赞
收藏
评论区
推荐文章
皕杰报表之UUID
​在我们用皕杰报表工具设计填报报表时,如何在新增行里自动增加id呢?能新增整数排序id吗?目前可以在新增行里自动增加id,但只能用uuid函数增加UUID编码,不能新增整数排序id。uuid函数说明:获取一个UUID,可以在填报表中用来创建数据ID语法:uuid()或uuid(sep)参数说明:sep布尔值,生成的uuid中是否包含分隔符'',缺省为
徐小夕 徐小夕
3年前
前端如何实现一键截图功能?
前言网页截图功能目前也是非常常见的需求,尤其是在在线教育领域.我们朋友圈的微信海报,活动海报等,一般都是运营/市场人员通过设计工具设计而成,但是如何更好的
菜园前端 菜园前端
1年前
CSS布局方式-响应式布局
原文链接:什么是响应式布局?在不同屏幕分辨率下,能够以最佳的方式进行展示,元素的宽度尺寸以及展示方式可能会改变。通常使用@media多媒体查询来实现响应式布局。优点页面能够兼容不同分辨率的屏幕。缺点工作量大,UI需要设计多个平台的版本。场景一套代码兼容we
Wesley13 Wesley13
2年前
Logoly
!(https://oscimg.oschina.net/oscnet/3dfa6b3ff6b38a224d2ebc252a9d365f07a.png)image20200607164436481最近发现很多的微信文章上出现了一种logo设计,跟P站的logo设计风格一样让人印象深刻,黑底白字,配上一小撮橙色,给人极强的冲击力。后来查了一下
Stella981 Stella981
2年前
Sketch 和 PS中的设计图如何实现“自动切图”?
切图是很多UI设计师的一项日常工作。平时做完设计图,要将设计稿切成便于制作成页面的图片,并标注好尺寸和间距,交付给前端来完成htmlcss布局的静态页面,有利于交互,形成良好的视觉感。但有的认为前端自己会切图是最好,不建议把切图的事情丢给设计师做。这样中途会损耗结构讲解的开销(比如网页层级,细节重构方案等),毕竟最后css是前端去码,怎么切最合适要自己
天翼云为这场酷炫的元宇宙会议做了这件事
元宇宙时代已全面到来! 为了让更多人全面感受元宇宙的酷炫,8月18日,数字孪生平台公司51WORLD,举办了年度大会“地球克隆计划5”(EC5),在天翼云的助力下打造了一场超越现实、极具沉浸感的元宇宙会议。大会现场,超豪华曲面巨幕给人留下了深刻印象,通过这个巨幕,一系列51WORLD在元宇宙领域的技术突破,以及来自城市、园区、交通、工业等领域的产品案例,以更
赵融 赵融
5个月前
InDesign 2024 for Mac(ID 2024)v19.0中英文已发布,最新介绍
ID2024是一款功能强大的页面设计和排版软件,具有丰富的工具和功能,适用于各种出版需求。它提供了高级的排版和布局工具,支持快速创建和调整页面布局,以及精确的文字处理和段落样式控制。新版本还引入了字体管理的改进、变量字体的支持和云端文档的同步和共享功能。此
流浪剑客 流浪剑客
5个月前
Macos专业的矢量图设计工具:Affinity Designer for Mac激活
是一款专业的矢量图形设计软件,适用于Mac电脑,拥有广泛的应用领域,包括平面设计、UI/UX设计、网页设计、插画、动画制作等。AffinityDesignerforMac具备高效的矢量绘图工具,支持SVG、PDF、EPS、TIFF、JPEG等格式的导入和导
曼成 曼成
3个月前
从无到有:AI绘画API在插画与游戏设计中的应用
随着人工智能技术的快速发展,AI绘画API已经逐渐成为插画和游戏设计领域的新宠。这些API能够将创意与技术完美结合,帮助设计师快速生成高质量的图像,为插画和游戏产业带来了巨大的变革。
韦康 韦康
1个月前
产品经理电商系统实战,掌握前后端设计精髓|完结无密
产品经理电商系统实战,掌握前后端设计精髓|完结无密download》itzcw.com/9180/实战电商系统:产品经理掌握前后端设计精髓在当今数字化时代,电商系统已成为商业领域的重要一环。作为产品经理,掌握电商系统的前后端设计精髓至关重要。本文将通过一个