简化问卷调查界面

上星期的考试界面简化而成的问卷调查界面

作品

考试系统界面

学校用的在线测试系统。GFOX的程序,我做的皮肤~

作品

方得中国2.0界面初稿

方得2.0设计稿

作品

组卷系统界面

前段时间设计的组卷系统(学校用)界面:引导页面 登陆界面

作品

网页界面设计教程七:动画设计[转]

周期、关键帧和行为被称为动画的三个属性。使用简单的GIF动画生成的广告图形,点击率会上升10%-25%,而动画广告的面积平均比静态广告小5%-25%。动画由于在信息的方向性诱导方面的优势,除了能够加强视线在视觉传达领域的注意外,在引导视线方面能够发挥更大的能动性,引导视线完全按照设计师的意图去浏览,以最快捷的途径,最有效的感知方式获取视觉信息,使设计师能够更有效地影响浏览者的视线运动轨迹。当...

Flash

网页界面设计教程六:版式的构成与设计[转]

网页界面中除了点、线面这些实体造型元素,其余的空间就是“空白”,空白不一定是“白”,它可以是与背景色相同的表示“虚”的空间范围。空白能使实体在视觉上产生动态,获得张力。在中国传统绘画中,空白的表现力丰富,同时又使笔墨生支灵妙,无怪乎古人所说“形得之于形外”,“计白守黑”。页面中巧妙地留白,讲究空白之美,有助于更好地烘托主题,渲染气氛,集中视线,加强空间层次,使版面疏密有序,布局清晰。

Flash

网页界面设计教程五:文字的编排设计[转]

以语言进行信息传达时,语气、语调以及面部表情、姿态手势是语言的辅助和补充,而在界面设计中,文字的字体、规格及其编排形式,就相当于文字的辅助信息传达手段。   宋体字型结构方中有圆,刚柔相济,既典雅庄重,又不失韵昧灵气,从视觉角度来说,宋体阅读最省目力,不易造成视觉疲劳,具有很好的易读性和识别性。   楷体字型柔和悦目,间架结构舒张有度,可读性和识别性均较好,适用于较长的文本段落,也可用于标题。  仿宋体笔画粗细均匀,秀丽挺拔,有轻快、易读的特点,适用于文本段落。因其字型娟秀,力度感差,故不宜用作标题。  黑体不仅庄重醒目,而且极富现代感,因其形体粗壮,在较小字体级数时宜彩等线体(即细黑),否则不易识别。  圆体视觉冲击力不如黑体,但在视觉心理上给人以明亮清新、轻松愉快的感觉,但其识别性弱,故只适宜作标题性文字。  手写体分为两种,一种来源于传统书法,如隶书体,行书体,另一种是以现代风格创造的自由手写体,如广告体,POP体。手写体只适用于标题和广告性文字,长篇文本段落和小字体级数时不宜使用,应尽量避免在同一页面中使用两种不同的手写体,因为手写体形态特征鲜明显著,很难形成统一风格,不同手写体易造成界面杂乱的视觉形象,手写体与黑体宋体等规范的字体相配合,则会产生动静相宜,相得宜彰的效果。

Flash

网页界面设计教程四:色彩设计[转]

在人的视觉中所能感受到的色彩范围内,绝大部分是非高纯度的色,即含有一定程度灰的色。   普通24位显示适配器可产生约1670万种颜色,虽然数字很大,但RGB的色彩范围要远远小于可见光谱的范围。由于CMYK与RGB分别是减色原理和加色原理,因此输出的图像与在显示器上看到的色彩相比要暗一些。Lab色彩模式以明度、纯度和色相对色彩进行表述,因此其在进行图像处理或在不同平台和系统间交换时,都不会产生色偏或失真的情况。

Flash

网页界面设计教程三:图形图象设计[转]

图形图象的视觉冲击力比文字大85%,故有人说,一图胜千字。   除了圆形以外,点还可以是方形、三角形、星形、自由形等许多形状,在视觉上,只要相对地小,就有点的效果。   图形图象的扩展造型元素,是在点线面这些基本造型元素基础上发展的,它进一步分析了形成图形图象不同视觉效果的影响因素:空间,运动,质感。   图形图象所产生的空间感,一方面可以通过摄影、绘画的技法获得,一幅好的摄影绘画作品使物象有呼之欲出的感觉;另一方面还可以运用不同的手法对点线面等元素进行组合,从而使平面图形图象的三维空间感得以加强。这些手法是疏密、大小、方向、重叠、虚实、色调的变化和光影的利用。

Flash

网页界面设计教程二:与视觉传达的设计[转]

视觉传达设计简称视觉设计(Visual Communication Design 或 Graphic Design),有时也被称为信息设计(Information Design),视觉传达设计的过程,是设计者将思想和设计概念转变为视觉符号形式的过程,即概念视觉化的过程,对信息的接收者来说,则是相反的过程,即视觉概念化的过程,贯穿和联结两个过程的是信息。

Flash
12