1.手绘插画 

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

2.简约

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

3.颜色 

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

4.夸张  

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

5.图不好字体设计来凑 

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

6.形式  

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

网页页面形式:

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

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

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

编辑：千锋UI设计

UI设计教程分享：电商网页页面设计常见表现手法的更多相关文章

  1. Android通用框架设计与完整电商APP开发系列文章

    作者|傅猿猿 责编|Javen205 有福利 有福利 有福利 鸣谢 感谢@傅猿猿 邀请写此系列文章 Android通用框架设计与完整电商APP开发 课程介绍 [导学视频] [课程详细介绍] 以下是部分 ...

  2. Java生鲜电商平台-销售管理设计与架构

    Java生鲜电商平台-销售管理设计与架构 说明:在Java开源生鲜电商平台中,销售人员我们称为跟餐饮店老板沟通与下载APP的一类地推人员.(所谓地推指的就是一个一个上门拜访.) 由于销售人员有以下几类 ...

  3. Java开源生鲜电商平台-优惠券设计与架构(源码可下载）

    Java开源生鲜电商平台-优惠券设计与架构(源码可下载) 说明:现在电商白热化的程度,无论是生鲜电商还是其他的电商等等,都会有促销的这个体系,目的就是增加订单量与知名度等等 那么对于Java开源生鲜电 ...

  4. UI设计教程分享：banner设计

    我们都知道在一个网站中,banner图片对于浏览者来说是非常重要的,尤其是电商banner,它的最主要目的是营销,是要让消费者有冲动去购买,这对设计的要求也就更高了.而企业网站也一样,一个合适的ban ...

  5. UI交互设计教程分享：提高界面交互体验的“葵花宝典”

    ​本次分享的是在界面设计中最长实用也最容易被忽略的十个原则,就是尼尔森十大可用性设计原则,这是十分基础且重要的原则.原则是死的,如何正确的结合到实际运用中才是关键.接下来我会通过对每一个原则的理解和现 ...

  6. UI设计教程分享：6个不能错过的UI设计网站

    Ui设计学习的人越来越多了,想要找到合适的学习资料很难,很多才接触ui设计且没有基础的同学也不知道去哪里找学习资料,虽然现在百度上很容易搜到ui设计的学习资料,但是一看不难发现,很多都是过时的学习资料 ...

  7. flex 布局 实现电商网页菜单的多级分类展示

    用flex,实现多级菜单分类展示,这里记录一下,方便以后查阅. 效果展示如下: 跟上面floor的设计差不多,鼠标hover全部商品分类的时候,将下拉列表展示在指定区域,这个类似鼠标悬浮商品图片期待上 ...

  8. UI设计教程分享：Ps合成炫酷机械姬

    本次给大家分享一个通过PS合成一个炫酷的机械姬,在这个教程里给大家展示图像的色彩处理.人物光影塑造和创意实现及细节处理,教程比较简单,创意十足,看过<机械姬>电影的同学们一定知道这个有多炫 ...

  9. ui设计教程分享：关于Logo设计要素

      1. 视觉上”一语双关 我最喜欢的一些Logo在视觉设计上”一语双关”,将两张图片.两张意象巧妙结合,合二为一. WinePlace 的Logo就是一个绝佳的案例 这个Logo看起来像图钉,暗喻着 ...

随机推荐

  1. 面向对象程序设计(Java)本学期课程改革说明

    1.教学方式采用反转课堂教学法,学生课前完成知识的学习,课堂是师生之间.学生之间互动的场所,包括答疑解惑.知识的运用技巧探讨等,教师的课堂责任是理解学生的问题和引导学生去运用知识. 2.为更好地执行反 ...

  2. vue 模拟下拉树

    // 使用vue 做表格部分其他部分暂不修改 var app = new Vue({ el: "#freightTbl", watch: { //监听表格数据的变化[使用 watc ...

  3. 同时启动多个Tomcat 和　Linux部署多个tomcat

    a.减压2份tomcat文件 b.修改其中一个tomcat 的http访问端口(默认为8080端口,这里改为8091) c.修改其中一个tomcat 的Shutdown端口(默认为8005端口,这里改 ...

  4. 站点防火墙频率api php案例

    <?php $apiHost = "http://35.201.139.124/api2/site/index.php"; $router = "token&quo ...

  5. rsync+inotify实现数据实时同步

    rsync rsync是linux系统下的数据镜像备份工具.支持远程同步,本地复制,或者与其他SSH.rsync主机同步. 优点: 1).可以镜像保存整个目录树和文件系统.保存源目录整个目录树和文件系 ...

  6. getRequestURI getRequestURL 区别

    参考 https://blog.csdn.net/gavid0124/article/details/45390999/ request.getRequestURL() 返回全路径 request.g ...

  7. 【scrapy】其他问题2

    今天爬取豆瓣电影的是时候,出现了两个问题: 1.数据无法爬取并输出Retrying <GET https://movie.douban.com/robots.txt> 看起来像是被拦截了. ...

  8. 【selenium+python】关于使用selenium时的几个问题1

    问题:selenium.common.exceptions.WebDriverException: Message: 'chromedriver' executable needs to be in ...

  9. apache 多并发测试

    进入到apache的bin目录打开  temp.bat 如果没有,新建temp.bat,打开输入 命令:ab -c 一次并发的数量 -n 总共请求的数量 请求的地址 例:ab -c 10 -n 100 ...

  10. ImportError: libcublas.so.9.0: cannot open shared object file: No such file or directory

    这是因为我装了tensorflow-gpu 1.5版本,而我用的是cuda 8.0和cudnn6.0,1.5版本要求cuda 9.0,我的做法就是回滚tensorflow版本.