当前位置:首页 >> 课程列表>>课程正文

上海网站设计培训、学网站高端配色技巧、提高网站颜值

  • 浏览:140次     发布日期:2018-2-10 14:26:50    
  • 机构名称:上海学果网课程中心
  • 上课地点:上海多个校区可以就近安排
  • 课程类别:技能教育>>网页设计>>
  • 所在地区:上海市>>市辖区>>
  • 课程语言:普通话
  • 招生人数:0人
  • 课程费用:0 元      优惠价格:0元
  • 总计学时:808
  • ->查看所有课程
  • 详细课程介绍
  • 培训对象:专业课程顾问干老师,电话:021-62120771,13764877732,qq:2290425711,课程咨询微信:ffeduhaha
  • 课程特色:专业课程顾问干老师,电话:021-62120771,13764877732,qq:2290425711,课程咨询微信:ffeduhaha
  • 授课教师:专业课程顾问干老师,电话:021-62120771,13764877732,qq:2290425711,课程咨询微信:ffeduhaha
  • 课程详细:


WEB全栈工程师就业班(前端+移动端+后台交互+美工)培训内容:

1.美工设计:设计美学、色彩搭配、网页创意思维、网页设计软件、网页元素设计、网页界面设计、商业项目设计实训、阶段考核
2.前端开发:HTML5+CSS3布局与样式、JavaScript交互开发、Web前端整站项目实训
3.移动端开发: H5高级功能、CSS3动画详解、webAPP开发、微信公众号开发、微信小程序开发、Vue.js实战运用、阶段考核等
4.高级框架与后台交互:Angular.js、React.js、PHP入门、DedeCMS等综合应用
5.就业指导:心态与服务、商务礼仪、毕业设计、行业分析、面试技巧、实习工作等
培训目标:能系统全面的学习界面设计、前端开发、移动端开发、后台交互开发、网页美工设计,结业后相当于有半年左右工作经验,能成功胜任设计、前端、移动端开发等职位。
认证证书:《网页设计师》《网页美工设计师》《Web前端工程师》
学习周期:全日6个月;双业余12个月

网站设计干货分享:为什么说网站设计要超越颜色

我们在做网页设计中容易忽略的一个问题和一个使用群体,因此特意拿出来重新进行翻译整理,希望能够帮助大家做出更好的设计!
颜色,是个强有力的工具,特别是对于设计领域来说。
它能够传递情绪和感情,给设计增添存在感并提高品牌认知度。但是我们经常看到,存在色觉障碍的用户会在五颜六色的界面上因为导航而痛苦不堪。考虑到这部分人,我经常建议设计师要时时牢记无障碍性这个问题,
并在灰度格式下对网页进行测试,保证在颜色无法正常表现的情况下也能达到完善的实用性。
存在色觉缺失的用户可能会难以分辨某些颜色之间的区别。zui常见的色觉缺失就是红绿色盲,这个人群看红色和绿色感觉是一样的。
下面是一张来自Color Matters的常见色盲表格图示。
通过这张表格我们发现,要填写这张在线表单,就必须靠考虑到存在这种色盲问题的用户能不能看到红色的错误信息。
再来看看Avis给我们的主页预订表单。我在没有填写任何东西的时候点击了“继续”按钮,所显示的“请输入接取位置”信息是以纯红色文字显示的。
下面我们使用Colblindor这款色盲模拟器看看透过红色色盲用户的眼睛看待同一布局时的情形。
我们发现红色错误信息的高亮对比效果没有了,取而代之的是绿色的文字,这些文字和页面上黑色的内容几乎完全融合,非常容易看不到。
再看一个来自Budget主页预订表单的示例,这里我点击了“以客人身份继续”的按钮,收到了错误信息。在这种情况下,红色的错误信息表现为红色文案遮盖住了输入框的标签,同时实际输入框外面有一圈红色边框。
下面我们使用色盲模拟器看看透过绿色色盲用户的眼睛看是什么效果。
我们发现红色看不见了,取而代之的是淡绿色。绿色的文案没有足够的对比效果,无法引起人的注意,同时输入框的边界也没有了高亮效果。
结束语
不要单纯依靠颜色来传递网上的信息。相反,要结合文字、形状、网格和空间等多种设计基本要素,并给重要的元素分配较多的重量。
The Home Depot的账户注册表单就在颜色的基础上采用了形状来指示问题。其会在方形的框内,错误信息文案之前显示感叹号,同时会在相关输入框旁边显示“x”来指示发生错误的地方。

网站设计知识点:

网站设计的主要步骤:
由于目前所见即所得类型的工具越来越多,使用也越来越方便,所以制作网页已经变成了一件轻松的工作,不像以前要手工编写一行行的源代码那样。一般初学者经过短暂的学习就可以学会制作网页,
于是他们认为网页制作非常简单,就匆匆忙忙制作自己的网站,可是做出来之后与别人一比,才发现自己的网站非常粗糙,这是为什么呢?常言道:“性急吃不了热豆腐”。建立一个网站就像盖一幢大楼一样,
它是一个系统工程,有自己特定的工作流程,你只有遵循这个步骤,按部就班地一步步来,才能设计出一个满意的网站。

.步骤:
确定分辨率.和不同分辨下对应的效果.
与平面的载体的不同,决定了网页具有比平面更灵活的表达方式.
站点的满屏概念其实是分相对和绝对两种,相对的,是针对当前分辨率的满屏.而绝对满屏幕,则是不同的显示器不同的分辨率下都是满屏,一般我会给出一个zui小分辨率,zui大到无限.相对满屏,比如1024×768,800×600等.
zui好是用绝对宽度来定义,就是像素为单位.而绝对满屏,则用百分比.
在确定分辨率之后,你的PS图要比实际设计的图要大.要考虑用户使用高于你设计的分辨率下,网页以怎样的形式表达,是居左,还是居中,还是靠在右边.

大背景,3条辅助线及边界处理.结构(头部,中间,底部的大概位置.)
整体是否有背景.
左边界线,右边界线,和中间线.
如果是绝对宽度的设计,那么用户使用较高分辨率浏览时,内容与多出的屏幕是否有分割.
结构,究竟是上中下结构,还是左中右结构,还是其他的.每一块,大概放什么内容。
导航和标志.
网站的100-1%是导航.这是一句被传烂了的话.
你的导航是长的还是短的,是横的还是竖的.还是弧形的.是否有下拉菜单.比重各是多少.和标志处在什么位置.各语言版面入口在哪里.登陆(后台管理/用户/MAIL)在什么位置,标志附近是否有点睛一般的词.
好了,我们进行下一步.

---------------------------------------------------------------
免费试听,满意再报名:(发送短信姓名+课程到老师手机,即可获得试听信息)
咨询顾问:干老师
咨询直线:021--6212--0771
手机:137--6487--7732
在线QQ:2290--425--711
课程咨询微信:ffeduhaha
上海多个校区可以就近安排学习,详情可致电,谢谢!

  • 快速在线报名
  • 提示:标有“*”为必填内容
  • 报读课程:上海网站设计培训、学网站高端配色技巧、提高网站颜值
  • 报读学校: 上海学果网课程中心
  • 所在地区: *
  • 你的姓名: * 学习人数: *
  • 性    别: 先生 女士*      QQ/MSN号:
  • 联系电话:-* 手机号码:
  • 联系地址: *  电子邮箱:
  • 所在单位:
  • 咨询内容:

扫一扫,进入手机网站
[关闭]