讨论网页视觉焦点的设计理论

Next Play咨询集团是一家主要面向公立学校进行学校课程以外的补充教育。公立学校一般的教育重点只是帮助学生如何应付各种各样的考试和测验,而Next Play则教导学生将一些理论知识应用到实际的生活中——让学生掌握求职的各种挑战、涉足社会时如何理财等等。真是一个朝阳行业。

你如何将这些想法通过网站向学生宣传?直接通过用黑板的形式表达出你的观点!观看的人一眼就知道你是一家关于教育的机构,你的宗旨是什么,你的服务对象是谁,都一目了然。而且黑板能够形成一个效果非常不错的视觉焦点。

让我们看看如何设计这样的网页。

醒目、熟悉的元素,而且人物还与标志相配合:

就算你在上课时经常打瞌睡,但如果有人在黑板上写上一些东西,还是会吸引你的注意力的。这是一个人人都熟悉的视觉焦点,用在网页上同样能够发挥相同的效果。

从上面开始:

重点是这个黑板的宽度要与占据整个网页的宽度,以确保观看的人能够首先阅读黑板中的文字。手写字体能够立即融入故事的内容,并引导观看下方的正文。

黑板样式的网页横幅是一个强有力的视觉元素,我们对黑板的视觉联系都非常熟悉,毕竟我们都曾经无数次看着它度过我们的青春。黑板本身就具有尺寸大、醒目(黑白强烈对比)的视觉特性,而且,它还放在最上面。在这个背景中,NEXT PLAY用文字及图片向观众作介绍。一个学生拿着粉笔明确无误地给人一种教室的感觉,而且上面这一句关于机构的“我们是谁”及“我们是做什么的”从下方正文中抽离出来被单独放在上面,可想而知,如果仅是出现在下方的正文中,它只会淹没在文字中。

主题延续:

这个黑板样式的横幅出现在每一个页面中,但每一页都有不同的学生及信息,而全部加起来,则传达了一种强有力的个性及共性。

时间: 2024-10-22 06:43:44

讨论网页视觉焦点的设计理论的相关文章

网页设计理论:漂亮而不空洞的极简网站设计

作为设计师,我们都知道,一个极简的设计可以实现漂亮的效果. 然而,很多设计师在实现上有些麻烦:要么是没有时间让使用如此少的元素制作的页面看起来漂亮,要么就是最终的结果只是看起来"不完美". 网上有很多关于极简主义设计的文章,而本文的目的是帮你实现一个漂亮而不空洞的极简网站设计 最重要的是,我们将展示一个小的极简网站设计画廊,这样你就可以分析为什么一些设计可以而其它的则不可以. 什么是极简主义设计 极简主义设计已经被描述为最基本的设计,剔除了多余的元素.色彩.形状和纹理. 它的目的是使内

设计理论:网站首页设计需要突出主题思想

网页制作Webjx文章简介:设计网站首页的技巧总结. 首页设计,需开宗明义突出主题 开宗明义,无论是对于一篇文章.一场会议或一部专题片,还是对于一个网站来说,都是必不可少的.那么能为一个网站开宗明义的地方(标签)就是Title(标题)和Description(描述.副标题),而能够为Title和 Description提供进一步诠释的就是网站的首页. 展示哪些信息 页面的重要性是建立在它所呈现信息的基础之上,反过来说,页面要向用户展示哪些信息是决定其重要与否的首要指标.在网站页面中,网站标题.副

用户体验:关于设计理论和设计术语

网页制作Webjx文章简介:关于设计理论和设计术语. 这几日的工作,涉及到很多会议. 也就涉及到很多人,很多意见,很多碰撞,很多思辨. 关于项目本身的不再多说,目前也不适合分享. 倒是有一些题外话,虽然和具体项目无关,但是会影响我们工作和沟通的效率.据我来看,也是很有意思的话题. 其中有些话: 功能性导航.全局性导航,我们是不是太扣字眼了?用户真的会关心什么是功能性导航,什么是全局性导航吗? 我们用这些原则来指导我们的工作,是不是太僵化了? 我们为什么先分析别的网站去找出这些规律,真的有用吗?我

用户体验参考:网页产品原型设计到网站界面

这篇文章详细讲述了网页设计的整个过程,从网页产品原型设计,纸稿,黑白稿到真正的网站界面.每一步都为我们用实例讲述了详细的设计和用户体验思考过程.作为网页设计师很值得参考和借鉴其中的经验. 可行性评估 主要执行人员:UI.UE.需求部门.程序部需沟通人员:销售部 当产品经理确定基本的思路后,会先会跟我们沟通,并说明这个产品的思路.受众及一些自己的想法.接着会拿来一个结构图来和我们探讨实现方面的可行性.我们也会准备相关资料与其进行沟通,主要会从数据报告.功能性及可行性三方面下手,在探讨的同时会指出功

Web设计的未来:网页响应式设计路在何方?

作者Tom Ewer认为在多数情况下,网页并非需要响应式设计.虽然移动设备将成为未来上网的主要渠道,但并不是所有网站都应该使用像是设计,也许分类进行选择.在文中列举5点证明响应式设计的弊端或是差强人意的方面,并形容其有一个"免费通行证",总是避过批评和建议. Facebook设计总监KateAronowitz:"我们开发产品首先考虑移动端,其次是桌面端." Adobe CTO Kevin Lynch:"移动设计转型甚至超过PC革命." 2014年

网页情景化设计杂谈

在信息化时代的现在,网络在人们生活已经产生了巨大的影响力,网络也在逐渐改变着人们的生活和习惯.然而,在如今信息大爆炸的今天,面对海量的网络信息,怎样才能实现既能吸引用户眼球,又能快速准确地传达信息呢?这不仅需要内容本身具备较强吸引力,关键还在于一种比较常见的表达方式--网页情景化设计. 什么是情景化设计? 特点:虚拟现实,给人以亲切感,交互友好度较高,应用领域广泛涉及软件.游戏.网页等应用. 情景化设计是一门综合性极强的表现方式,它涉及到现实社会.文化.经济.市场.科技等诸多方面的因素.设计在很

网页的版式设计—文字的格式化

网页的版式设计---文字的格式化 编者按:很多从事网页设计的计算机专业人员,对于网页的制作技术驾轻就熟,但对于网页富有艺术性和个性的设计却感到力不从心.特别是没有经过艺术设计专业训练的网页制作者,在掌握了网页制作技术的情况下,都渴望将自己的网页制作得更具创意和美感.目前关于网页制作的讨论和介绍,多以讲解软件的技术性操作为主要内容,侧重艺术方面的非常之少. 文字的格式化 1.字号.字体.行距 字号大小可以用不同的方式来计算,例如磅(point)或像素(pixel).因为以计算机的像素技术为基础的单

网页进度条设计:全兼容且自适应的进度条

文章简介:网页进度条设计:全兼容且自适应的进度条. 在做这个东西之前,我们需要了解基本的信息: 是否为静态加载?(是) 有多少种状态?(三种基本状态:默认.当前.已完成) 是否使用JS程序实现状态的更改?(否) 使用的频率?(高) 更新的频率?(低) 在了解这些基本信息后,我们还需要关注: 效果的完整性 性能的优越性 代码的可移植性及复用 兼容性 易维护 易扩展 这些条件有助于我们所作出的东西更加优秀. 先看一下我们以前的做法: 此做法使用了一张背景图片. 效果的完整性(很好的展示了其效果) 性

网页的版式设计(五)

设计|网页 3.图像的编排 (1)四角与中轴四点结构 页面的四个角与对角线.中轴四点及水平与垂直的中轴线,具有支配页面结构的作用. 四角是页面边界相交形成的四个点,把四角连接起来的斜线即对角线,交叉点为页面中心.中轴四点指经过页面中心的垂直线和水平线的端点.这四个点可上.下.左.右移动. 通过四角与中轴四点结构的不同组合.变化,可以求得多样的页面结构.在图像排版时紧紧抓住这八个点,可以突出网页的形式美感,网页的版式设计.视觉流程的筹划也得到相应简化.   (2)块状组合与散点组合结构 块状组合,