企业 Web 网站设计实例

成为vip会员,免费看所有精品课程
  • 目录

    目录 收起>

    本课程主要通过演示企业 Web 网站设计实例,帮助学员了解网站设计原理、熟悉网站的布局、图片设计以及界面设计流程,并了解交互效果设计。

    1.网站布局设计 00:16:32

    本课时主要通过网页栅格完成企业网站的布局设计,了解网站版块、元素的分布位置以及尺寸大小。

    2.颜色方案与主导航视觉设计 00:09:24

    本课时主要进行网站颜色方案设计,完成网站的主导航视觉设计。

    3.网站内容区视觉设计 00:13:08

    本课时主要完成网站内容区不同版块、元素的视觉设计。

    4.F 型图片效果设计 00:17:09

    本课时主要了解 F 型图片设计原理、了解图片素材的选择、完成 F型图片设计实例、回顾如何利用图层样式设计扁平化 Button。

    5.网站交互效果设计 00:17:08

    本课时主要学习如何利用 Photoshop 完成网站交互效果的设计以及交互效果备注。
  • 提问

    提交问题
  • 下载

  • 线路

    视频太卡?试试切换线路 √ 线路1 √ 线路2
  • 收藏

    收藏课程
  • 分享

连播

连续播放

关灯

关灯模式
视频加载太慢?

我们有两条线路可以选择,试试切换线路吧

企业 Web 网站设计实例

5课时,73分钟
LAOBAIMA
LAOBAIMA

极客学院签约布道师

课程背景:
企业网站设计是网页设计中最基础、最简单的实例。对于初学的大前端来说,从企业网站设计开始学习,可以更好地理解网站设计的原理、流程,进一步了解 UI 的界面设计工作,了解如何更好的与 UI 进行配合。

核心内容:
1.网站布局设计
2.网站视觉界面设计
3.F 型图片设计
4.网站交互效果设计

软件环境:Windows,Mac

是否提供资料:

课程等级:初级

适合人群:
大前端工程师
  • 技术问答
  • 1

    网站布局设计

    16:32

    本课时主要通过网页栅格完成企业网站的布局设计,了解网站版块、元素的分布位置以及尺寸大小。

  • 2

    颜色方案与主导航视觉设计

    09:24

    本课时主要进行网站颜色方案设计,完成网站的主导航视觉设计。

  • 3

    网站内容区视觉设计

    13:08

    本课时主要完成网站内容区不同版块、元素的视觉设计。

  • 4

    F 型图片效果设计

    17:09

    本课时主要了解 F 型图片设计原理、了解图片素材的选择、完成 F型图片设计实例、回顾如何利用图层样式设计扁平化 Button。

  • 5

    网站交互效果设计

    17:08

    本课时主要学习如何利用 Photoshop 完成网站交互效果的设计以及交互效果备注。

相关课程

  • Photoshop 图层样式快速学

    本课程主要学习 GUI 设计常用的 Photoshop 图层样式效果:描边、内阴影、投影、外发光、内发光、渐变叠加。通过 Button 设计实例帮助学员进一步了解图层样式的运用。

    3课时 44分钟
    初级
    9585人学习
  • 极客 iPhone 登录界面设计实例

    本课程主要演示极客学院 iPhone 端登录界面设计实例,帮助学员回顾前面学习的 Photoshop 入门课程知识点,进一步熟悉 Photoshop 操作。了解界面的布局设计、低保真图设计、视觉效果设计等。掌握界面标准颜色方案设计方法。

    3课时 48分钟
    初级
    6806人学习
  • Photoshop 如何选择颜色

    本课程主讲 Photoshop 入门必学的 HSB 颜色原理以及如何利用 HSB 原理快速选择颜色。

    3课时 20分钟
    初级
    6890人学习
  • Photoshop 玩转图标实例

    本课程主要通过图标设计实例,学习布尔运算原理/原则、形状工具、路径选择工具的运用以及图标设计技巧。

    3课时 52分钟
    初级
    6179人学习