上海网页设计师培训、Web前端美工培训、html培训班
【学果网】课程咨询:张老师 手机:152-0198-6451
课程介绍:
1.Adobe网页设计师:Dreamweaver、Flash、Fireworks、
photoshop以及利用PS、DW、FW、FL进行制作出精美的静态网页以及考前复习和训练。
2. Web标准布局:
a)HTML:HTML的语法及HTML的新特性,HTML的实际应用及案例分析
b)详解DIV+CSS布局重构的高级技巧,使学员能够针对不同的用户体验设计出不同的网站结构布局。熟悉各种浏览器的特点,并能熟练掌握各种浏览器兼容的制作方法和技巧。
3.Web交互与表现:
JAVAscript使网页和用户之间实现了一种实时性的、动态的、交互性的关系,它使网页变得更加鲜活。在这里我们将学到
Javascript的交互理论与常用的web特效,用足够的创意,开辟交互动画的新时代
4. Web美工综合部分:
a)PS网页设计:PS在网页设计领域的应用,以及成套网页布局流程解析,经典网页案例设计
b)版式构图表现与版式设计技巧:设计的基本原则、构图、光影透视以及点线面元素处理等重要版式布局理念。如何让网页界面更加吸引力,突破以往的网页版面格局等新鲜内容。
c)网页配色技巧:色轮、色彩关系、色彩心理暗示以及不同色调的网站设计技巧。如何运用色彩理论为新网站设定配色方案,以及运用色彩打动用户。
d)网站中的字体搭配与排版:在网页设计中,我们将透过大量的范例,了解字体的特征,得以灵活应用。内容包括字体的使用、文字标题的制作、文字段落的排版等。
e)网页美工综合实训:运用本模块学习的知识,设计并策划“企业门户网站页面、电子商务网站页面等”使学到的技能得到进一步巩固。
我校开班分为:全日制班和业余制班
白天班(9:00~12:00 13:30~16:30)
晚上班 (18:30~21:30)
周末班(9:00~12:00 13:30~16:30)
课程咨询:张老师 手机:15201986451 QQ:3096438159 微信:FF-122
知识分享之网页设计中的F式布局:
F式布局简介
F式布局是一种很科学的布局方法,基本原理依据了大量的眼动研究。一般来说,用户浏览网页的视觉轨迹是这样的——先看看顶部,然后看看左上角,然后沿着左边缘顺势直下….
而用户往往不太注意右边的信息,这是不是有点像字母F?据此,我们习惯xing的把重要元素(诸如品牌Logo,导航,行为召唤控件)放在左边,而右边一般放置一些对用户无关紧要的广告信息。
我们来看一下Webdesigntuts+的眼动热点图:
这张眼动热点图展示了用户浏览此网站的视觉轨迹,呈一个F型。热区(途中红色、黄色、橙色部分)代表用户
注意力zui集中的地方。
总结一下用户浏览网页的一般模式:
先看看页面的左上角,了解一下这是什么网站(因此此处适合放置Logo)——“知道是什么”
然后扫描一下页面的顶部(导航栏,搜索栏)——“了解用法”
下一步,用户的视线下移,开始阅读下一行的内容。
用户进入“扫描模式”,一旦找到感兴趣的内容便会打开。
将此种浏览模式以线框图的形式呈现,形状如下图。
有个规律不容忽视:阅读一般是从上到下,从左到右的。用户往往忽视右侧边的内容,大致的扫一眼而已,因此不要在右侧边下太大功夫。应该把内容栏放在用户注意力高度集中的左边。
综上所述,按照逻辑,我们得出以下结论:
品牌标志和导航应该放在页面的顶部,这是用户对网站的第—印象。