webUI设计

课程导师

李晓峰 李晓峰
个人侧重于UI设计、前端技术开发以及交互等领域的研究,致力于实现流畅、优雅、简洁的互联网应用前端交互体验。
00:00:00
Play
Next
00:00 / 00:00
40%
  • 2x
  • 1.5x
  • 1.25x
  • 1x
1x
15.UI基于对接的工作
离线学习

下载APP离线观看

技能补充更多
  • 流程图
    流程图

    产品经理梳理过程的利器——流程图,如何绘制流程图,如何组织要绘制的节点内容,用哪些工具可以更有效地绘制流程图,本部分产品流程图课程将深入浅出的带领大家实际训练起来。

  • 竞品分析
    竞品分析

    关注竞品进行分析是产品经理日常工作的重要部分,本部分课程将完整的介绍竞品分析如何组织,有哪些方法,以什么样的形式呈现,配合实际案例做全面的介绍。

  • 从零打造一款社区web产品
    从零打造一款社区web产品

    通过产品经理课程的学习,开展实际训练,运用之前课程中的方法和工具,完整的进行产品的设计流程和整体规划,对产品经理工作中的各个环节进行梳理形成全面认识,从0打造一款社区web产品。

  • 从零打造一款工具app产品
    从零打造一款工具app产品

    通过产品经理理论知识的学习,进行实际训练,运用之前课程中的方法和工具,完整的进行产品的设计流程和整体规划,对产品经理工作中的各个环节进行梳理形成全面认识,从零打造一款工具app产品。

  • 最新问答
  • WIKI资料
  • 课件下载
只看我参与的
  • 学习UI设计

    Web UI是什么

    Web UI是什么经常会有一些人问道:你是做什么工作的?你现在在学什么课程?有人说我是搞网页的,有的人说我是做网页美工的。作为业内人员来讲,这两个回答有些大众化,其实做网页可以细分成很多部分,按照其流程可以分为:1) 网站的界面设计主要是网站效果图的制作,主要用到的软件是photoshop。2) 网...

  • 学习UI设计

    webUI的位置及地位

    网站建设流程1.业务需求网站建设首先要考虑我们应该从哪里开始。每一个行业中都有这样一个职位——业务员,给我们提供了最早期的业务需求。业务员要具备:社会关系、技术了解、营销能力方面的能力。如果没有他来带来订单,那么后面的工作都是徒劳的。1)社会关系要求他能够从社会上方方面面的关系中过滤出能够需要我们产...

  • 学习UI设计

    webUI与wapUI的差异

    移动终端的普及与一统分析左右两幅图片有什么区别?很明显,左边的人们正抬头注视着前方,右边的人们高手举着手机或是平板正在拍摄。手机在当今社会的一个影响,发现无时无刻不在玩着手机,手机已经成为这个时代必不可少的一个设备。因此我们进入到移动互联的一个时代。与此同时,4G网络的发展,使手机上网成为了一种趋势...

  • 学习UI设计

    Web产品工作模式

    Web产品工作模式1.用户和服务器做webUI首先要了解web产品,web就是网络。用户指的是电脑前的一端,要访问一些服务必须要登陆到对应的服务器上,才能将对的内容下载下来,为我们所用,这时有两中途径。一是通过浏览器,常见的如IE、360等,打开并输入网址,这种方式就是BS模式。第二种是通过客户端比...

  • 学习UI设计

    各类Web产品举例

    可以根据互联网产业的类别进行分类。行业基础性服务1.新闻资讯主要是一些综合性的信息咨询平台,如搜狐、网易等,如商都网、南方网等,如中国化工网等。2.信息搜索服务如百度,只要输入相关词,就可得到大量的相关信息。只需点击一下,就可进入到相关网页之中。3.邮箱常见的qq邮箱,126邮箱等,企业邮箱等。4....

  • 学习UI设计

    Web产品技术应用

    前台(客户端)1.静态页面首先需要做出网页效果图,对一些图片素材进行切片,对图片进行优化输出,主要用到photoshop软件。静态页面的搭建主要是一些语义化标签的学习。网页样式完成网站页面的美化。2.动态效果banner上的一些动态效果,广告图片上的一些动画,都可以通过flash来完成。用到网站客户...

  • 学习UI设计

    不同网站对设计师的要求

    做一个简单的网站朋友请小王帮忙做了一个公司的门户站,一共就十几个页面,包括公司首页、相关产品介绍页、公司的新闻公告页、公司联系方式及意见反馈。小王到网上找了一些同行业的企业站,简单分析和对比之后,就开始动工了,由于自己不需要做后台,所以基本上就是做一个静态网站,正好他刚学过网页前端方面的课程,一个星...

  • 学习UI设计

    交互设计与用户研究

    交互设计有两个基本要素,人和物。人就是用户,物就是一切用户对应的和产品,如手机屏幕,上面的网页,他们之间产生的行为和反馈称之为交互。基于这样的设计就是交互设计。UI设计就是人与屏幕之间互动方式的描述及实现。为什么需要进行交互设计?如电话转接系统的例子:当我们拿起电话,选择一项服务时,它会提醒你进行1...

  • 学习UI设计

    web页面设计规范

    为什么要有web页面设计规范1.有利于建立统一的视觉体验,便于用户熟悉界面操作,获得良好的视觉与交互体验。一个大型的网络公司一定会有综合的产品,就同一个网站来说,也一定有大量的页面,这不是一天或一两个人可以做出来的。产品与产品之间,页面与页面之间,需要保持视觉上的统一性。要建立起一种风格,这需要依赖...

  • 学习UI设计

    字体类型分析

    字体是网页设计当中最重要的一个细节,不明确而繁琐的字体搭配会导致整个页面失调,字体可以成就设计、也可以毁掉设计。出现问题的关键有一个方面,一是字体样式太多,导致页面杂乱,二是使用的字体不易识别,导致你设计的字体与最终显示的字体不一致;第三,字体样式和内容的气氛不匹配。在设计时的职业生涯中,经常会出现...

  • 学习UI设计

    行间距及段间距规范

    行宽的规范行宽即完整一行的宽度,主要是由一行文字个数和字体尺寸决定的。一行文字过长,视线移动距离长,很难让人注意到段落起点和终点,阅读比较困难,如果一行文字过短,眼睛要不停来回扫视,破坏阅读节奏。一般来说,14像素的字体网页文本控制在每行35-45个字符,最多不超过70个字符,不要低于25个字符。 ...

  • 学习UI设计

    文字排版四原则

    对齐保证页面上的相关元素之间总是在一条直线上。网页中的任何元素都不能在页面上随意安放,每一个元素都应当与页面上相关的元素有某种视觉联系,这样建立清晰、轻巧而清爽的外观,提升可读性。需要注意的是,避免一个页面上会用多种对齐模式。尤其是一些比较长的文档当中,上下模块之间需要对齐,这样可以使整个页面看起来...

  • 学习UI设计

    网页界面布局简介

    在web页面设计过程中,布局是极为重要的一环,布局不仅是设计师技术上的考量,更是技术与艺术的高度统一,布局既要考虑到网站本身的功能模块合理安排,以及实际需求,还需要考虑到浏览者的真实体验。布局时需要考虑的因素布局的目的是使有限的元素进行有机地组合,使版面产生清晰的条理性,突出主体及主要信息,体现不同...

  • 学习UI设计

    栅格化系统简介

    栅格系统的设计原理1.关于栅格系统的典故2.什么是栅格?栅格系统以规则的网络阵列来指导和规范网页中的版面布局以及信息分布。栅格系统有时候也称为网格系统。网页栅格系统是从平面栅格系统中发展起来,对于网页设计来说,栅格系统的使用,不尽可以让网页的信息呈现更加美观易读、更具可用性,而且对于前端来说,网页将...

  • 学习UI设计

    栅格化布局设计示例

    利用栅格系统完成网页的制作1.建立栅格系统框架2.草图设计规划出整个页面的布局,可以根据版面、模块要求,在纸上画出草图。主要包含:页眉、插图、内容区-左、内容区-右、页脚。在photoshop中建立基本的模型,可以使用形状工具和参考线划分出相应的区域。打开设置好的栅格框架用参考线和形状工具画出各个功...

  • 学习UI设计

    banner设计简介

    了解banner概念及应用1.什么是banner?Banner可以作为网站页面的横幅广告,也可以作为游行活动时用的旗帜,还可以是报纸杂志上的大标题。Banner主要体现中心意旨,形象鲜明表达最主要的情感思想或宣传中心。2.banner的具体形式一般是比较长的放在网页抬头的图片形式。比较高的图片。长短...

  • 学习UI设计

    UI基于对接的工作

    对接中存在的问题1.UI设计师1)根据用户的要求出产品原型,包括草图的设计、以及根据草图和用户的需求进行修改,做出网页版的原型图,需要用到原型制作或者交互设计的软件。2)根据原型图具体做出主页、内容页、二级页面等图形界面以及其中的各个细节实现。3)根据网页的需求,对图片素材进行优化输出。当然这一部分...

  • 学习UI设计

    banner设计步骤要领

    Banner设计的要领1.六个原则1)对齐原则:相关的内容要对齐,方便用户视线快速移动,一眼看到最重要的信息。2)聚拢原则:将内容分成几个区域,相关内容都聚在一个区域中。3)留白原则:千万不要把banner排得密密麻麻,要流出一定的空间,这样既减少了banner的压迫感,又可以引导读者视线,突出重点...

  • 学习UI设计

    webUI工作流程简介

    Web UI工作流程简介1.草图绘制1)吃透需求:吃透需求方的要求。2)画出草图:根据要求简单画出草图。3)关键标注:对细节进行标注。主要包含标准色可以用代码的形式标注出来。如文字的颜色、背景的颜色、常用的字体等。模块之间的间距。网站的风格。一些商业性的网站可能预先预留广告位,需要标出大小以及应该摆...

© 2012-2016 www.maiziedu.com

蜀ICP备13014270号-4 Version 5.0.0 release20160127

一名课程顾问想与您沟通

免费电话咨询