为了账号安全,请及时绑定邮箱和手机立即绑定

Web UI设计理论入门

难度入门
时长 2小时24分
学习人数
综合评分9.50
114人评价 查看评价
9.5 内容实用
9.5 简洁易懂
9.5 逻辑清晰
  • WEB的基本分类

    • 门户网站

      新浪、搜狐、网易、腾讯

    • 分类信息网站

      58同城

    • 交易类网站(电商网站)

      天猫、淘宝

    • 娱乐性网站

      爱奇艺、AcFun

    • 个人博客

      QQ空间、新浪微博

    • 论坛(社区)

      百度贴吧、天涯论坛

    • 行业类网站

      汽车之家

    • 企业网站

    • 机构类网站

    • 政府网
    • 功能性网站

      百度搜索、有道翻译


    查看全部
    0 采集 收起 来源:web的基本分类

    2020-05-02

  • WEB的基本分类

    • 门户网站

      新浪、搜狐、网易、腾讯

    • 分类信息网站

      58同城

    • 交易类网站(电商网站)

      天猫、淘宝

    • 娱乐性网站

      爱奇艺、AcFun

    • 个人博客

      QQ空间、新浪微博

    • 论坛(社区)

      百度贴吧、天涯论坛

    • 行业类网站

      汽车之家

    • 企业网站

    • 机构类网站

    • 中国政府网
    • 功能性网站

      百度搜索、有道翻译


    查看全部
    0 采集 收起 来源:web的基本分类

    2020-05-02

  • WEB的基本分类

    • 门户网站

      新浪、搜狐、网易、腾讯

    • 分类信息网站

      58同城

    • 交易类网站(电商网站)

      天猫、淘宝

    • 娱乐性网站

      爱奇艺、AcFun

    • 个人博客

      QQ空间、新浪微博

    • 论坛(社区)

      百度贴吧、天涯论坛

    • 行业类网站

      汽车之家

    • 企业网站

    • 机构类网站

    • 中国政府网
    • 功能性网站

      百度搜索、有道翻译


    查看全部
    0 采集 收起 来源:web的基本分类

    2020-05-02

  • WEB的基本分类

    • 门户网站

      新浪、搜狐、网易、腾讯

    • 分类信息网站

      58同城

    • 交易类网站(电商网站)

      天猫、淘宝

    • 娱乐性网站

      爱奇艺、AcFun

    • 个人博客

      QQ空间、新浪微博

    • 论坛(社区)

      百度贴吧、天涯论坛

    • 行业类网站

      汽车之家

    • 企业网站

    • 机构类网站

    • 中国政府网
    • 功能性网站

      百度搜索、有道翻译


    查看全部
    0 采集 收起 来源:web的基本分类

    2020-05-02

  • 色彩是视觉表现的重要因素之一。

    在web设计中,根据和谐、均衡和重点突出的原则,将不同的色彩进行组合。根据色彩对人们心理的影响,合理地加以运用。

    色彩三要素:色相、明度、纯度
                   对比色、互补色、同类色


    查看全部
    0 采集 收起 来源:色彩的运用

    2020-04-23

  • 字体的选择

    一个非创意性质的网页,最重要的内容,就是文字。出现了文字,就会出现文字排版、字体选择、字体颜色大小粗细等细节。而这些细节,往往是非常重要的细节。

    字体形式:对衬线;无衬线
    字体的属性:字号;样式;颜色

    选择字体:

    1. 使用通用字体

    2. 使用在线字体(缺点:要先下载字体,加载网页慢)

    查看全部
    0 采集 收起 来源:字体的选择

    2020-04-23

  • 设计规范:设计几版才知道你的设计规范什么

    1、色彩规范:主色;辅助色;文字色(色值,用途)

    2、文字规范:大小;用途;间距

    3、图标规范:用途;选址;划过;按下

    4、控件规范:用途;选址;划过;按下;分级


    查看全部
    0 采集 收起 来源:基本规范

    2020-04-16

  • 界面设计流程:

    • 板式:

    1.  分析需求内容——绘制草图

    • 制作

    1. 优化板式结构;填充内容;样式设计

    • 输出

    1. 优化样式;切图码代码;上线

    需求——策划——原型图——设计图——制作——上线发布

    查看全部
    0 采集 收起 来源:界面设计流程

    2020-04-16

  • 设计维度

         板式(内容风格);

         色彩;图片;字体;段落;细节(产品内容)


    查看全部
    0 采集 收起 来源:设计维度

    2020-04-14

  • WEB标准布局

    1. 结构HTML

    2. 样式CSS

    3. 行为JAVASCRIPT

    布局原理

    • 看成多个网格

    • 先有行再有列(从上到下)

    • 先做容器在做内容(从外到内)


    查看全部
  • 网页模块

    模块:网页界面布局中最小的单位,展示不同的类别信息和功能

    网页模块组成:(自定义的没有什么太强的规范)

    1. 头:header;广告:banner;搜索:search;小技巧:tips;内容:content /containe;页面主体:main;友情链接:friendlink;栏目标题:title;尾:footer;热点:hot;页脚:footer;加入:joinus;导航:nav;新闻:news;版权: id;指南:guild;侧栏:sidebar;下载:download;滚动:scroll;服务:service;栏目:column;子导航:subnav;内容:content;注册:register;登录条:loginbar;菜单:menu;标签页:tab;状态:status;标志:logo;子菜单:submenu;文章列表:list;投票:vote

    2. 页面外围控制整体布局左右中:left right center;提示信息:msg;合作伙伴:partner;宽度:wrapper或wrap

    查看全部
  • 3、WEB的分类

    1. 门户网站:信息量很大,内容很杂

    2. 分类信息网站:一般用地域来划分信息

    3. 交易类网站:电商平台,主要以支付交易为主

    4. 娱乐性网站:以视频;游戏;娱乐突出

    5. 个人博客:对外发布信息的平台

    6. 论坛:交流的平台,可以发信息,会信息。被社区替代了

    7. 行业类网站:一个行业信息为主

    8. 企业网站:企业对外展示的窗口

    9. 机构类网站:政府和事业单位的网站(色调基本是红红黄黄的)

    10. 功能性网站:提供一种或者几种功能的网站

    查看全部
    0 采集 收起 来源:web的基本分类

    2020-04-13

  • 2:分辨率

    屏幕尺寸一样的情况下,分辨率越高,显示效果越精细和细腻

    常见的长宽比例:

    1. 5:4=1.25

    2. 4:3=1.33

    3. 16:10=1.60

    4. 16:9=1.77

    网页设计的宽度一般:1000~1200;

    自适应布局,不需要设计网页宽度,它会适应显示器的宽度来调节显示的内容

    查看全部
    0 采集 收起 来源:关于分辨率

    2020-04-13

  • WED-UI介绍

    1、UI本意是用户界面,用户与界面,实际用户与界面交互,3个方向:用户研究;交互设计;界面设计

    2WUI是网页用户界面。注重人与网站的互动和体验,以人为中心的设计

    查看全部
    0 采集 收起 来源:WebUI是什么

    2020-04-21

  • 内容和重点:

    1设计流程

    2设计规范

    查看全部
    0 采集 收起 来源:课程介绍

    2020-04-13

举报

0/150
提交
取消
课程须知
本课程是webUI的入门课程 理论与赏析为主,没有门槛
老师告诉你能学到什么?
1、教你如何从设计的角度去了解web 2、明白设计思路,我们更多的使用脑而不是用软件去做设计 3、设计流程和设计规范的重要性 4、学会分析页面,逆向解析作品

微信扫码,参与3人拼团

意见反馈 帮助中心 APP下载
官方微信
友情提示:

您好,此课程属于迁移课程,您已购买该课程,无需重复购买,感谢您对慕课网的支持!