- 网站设计中应该如何设计整站风格
-
4.1网站设计构成要素
网页的风格,图形,内容千变万化,构成图形图像的最基本的造型元素是点,线,面,的变化组合构成网页设计的多样化,是与别具一格独特性相联系.
点线面的变化是网页设计活力的体现,也是创造形式美的根本要求,使网页设计具有不同审美
倾向的特征
如果以不同图形或者单位来划分,点,线,面是相对的4.1.1点的构成
在网页设计中分割点的属性可以创造出千变万化的点造型点具备强烈的视觉吸引力,点的数量会有生动感,点的连续会产生节奏,韵律和方向,疏密的点阵会产生空间感,点的形状,方向,大小,位置,
聚焦,层叠,交错能给人带来不同的心理感受.
视觉上的点可以是圆形,也可以是方型,通过交叠,错位,大小,方向的变化,产生欢快,跳跃的风格.
4.1.2 线的构成
线是由点的移动或者连续排列构成的,或者说是由两点连接而成,是不占面积的.
用线能表现作品情感和抽象意义,网页的工整感,速度感也是靠钱来表现的.线在空间中具有方向感和运动感.
总的来说,线分为直线和曲线二种,直线分为垂直线,斜线,水平线,曲线分为几何线,自由曲线
长短,形状的变化,坚硬,力量,速度的感觉,等等很多都表现很多东西.可以运用重复,近似,渐变,对比,等手法将不同的线运用的页面中去,以获得不同的效果,但是要
注意对比,协调的效果.
线是分割页面的主要元素之一,是决定页面风格的基本元素,根据各自线形的特征,可以设计出不同风格的
网页.分析:我觉得线就是我们美术里的线表达的意思一样的
4.1.3 面的构成
点的密集,线的运动就产生了面,面通过大小,位置,形状,角度的变化,形成自己的个性和情感特征.面的组合是灵活多样的,一个面可能有叠加,重合,穿插的效果.
分析:我们通过美术的角度去看面,然后理解通过面面的组合我们能够达到很到不同的效
果
4.1.4 混合的构成点,线,面是视觉构成的基本元素,具有不同的情感特征,是最重要的表现手段.
我们单独的用某个点,线,面可能有些单调,但是如果组合起来的话往往就会产生许多意想不到的效果分析:我觉得在网页上设计东西我们运用点线面就和我们在一张白纸上画画一样的.
其实在设计前我可以在纸上画出其草图4.2网站设计的风格类型
网页的设计作品实际上没有好坏之分,只有风格类型上的区别,网页的应用范围很广,几乎
覆盖了所有行业, 网页的整体风格要靠图形图象,文字,色彩,版式,动画来表现.在不同的领域中,艺术创作的角度方式是有区别的,网页风格大致可以分为:平面风格,
矢量风格,像素风格,三维风格
网页的"造相"凡是较著名,有影响的网站,已经在网页风格方面形成了自己的特点.
"造相"就是要求网页版面总体设计要求能够打动人,吸引人的视觉形象,要有一个强势的区别
于其他网站的独特相貌表情,网站根据各自所要表现的主题,设计出各自不同风格的版面风格.
这个观念可以因设计者的风格,感悟,经历不同,从而达到驾御不同版面的目的.4.2.1 平面风格
平面设计是二维的设计,平面风格始终是基于一个二维视图来工作的,侧重于构图,色彩以及表达的思维主旨,往往给人以空灵的意境和透气的爽快的视觉,这种构图形式可以在有限的页面中表现出无限的空间感觉
此种风格在网页设计里最常见分析:我觉得确定某种风格很重要,然后我们可以画一个有个性的平面风格的图然后在进行设计.
4.2.2 矢量风格
矢量图使用直线和曲线来描述图形,这些图形的元素大多是一些点,线,矩形,多边型,圆和弧线等基础元素,它们都是通过数学公式计算获得的,矢量图形最大优点是无论放大缩小也会失真,
最大的缺点是难以表现色彩层次的丰富的逼真效果矢量图是世界通用的设计语言,由于具有夸张,极具有个性的装饰表现手法,目前在国内互联网上被运动的越来越多.
分析:我觉得必须认清它的优点缺陷,并理解它一般能表达的风格,这样在什么时候该用的
我们就心理有底了.
4.2.3像素风格
像素图属于点阵式图象,它是一种图标风格的图象,更强调清晰的轮廓,明快的色彩,几乎不用混叠方法来绘制光滑的线条,由于许多不同颜色的点一个巧妙的组合与排列在一起,构成了一副完整的图像,这些点称为像素,图像称为像素画.目前像素画制作技术以日本,韩国比较成熟,像素风格的网站,为互联网添加了独特,亮丽的风景线.
分析:对于这个我不是很明白我只知道的时候它们应该是是一个个的像素点构成的吧
质4.2.4 三维风格
三维是在定视图,正视图,侧视图以及透视图来创作编辑物体的,以一个具有长,宽,高3种度量的立体物质形态出现,这种形态可以表现在商品的外性上,也可以表现在商品的容器或者其他
地方.在网页设计里,三维风格表现简单得多,三维空间的设计可惜助于三维的造型手法,通过折叠,凹凸的处理,使画面产生浮雕,立体等三维效果,三维构成以丰富的厚重的内涵,深度以及多层次,全方位的展现,给人以深厚,强烈的视觉印象.分析:对于三维的我觉得我平时见的也比较多,一般立体感比较强
4.3 软件界面简析软件界面作为一种特殊媒体设计,具有平面,立体设计普遍特征的同时,还具有自身的独特性,
从根本上看,它是一种以功能为主的设计
无论是网页设计还是软件界面的设计,它们之间正越来越多地相互借鉴,相互渗透.分析:这里告诉的是网页设计与软件界面设计是不同的
4.3.1 UI行业常用名词
UI的本意是用户界面,是英文User和Interface的缩写
网站设计与用户界面设计的区别在于设计师必须放弃对界面的完全控制,部分由用户及其客户端,硬件来决定
UI是人机交互设计的图形界面设计部分,交互设计所倡导的是使产品内容被简单的使用
分析:我觉得产品内容被简单的使用这个值得参考GUl 是一种可视化界面,它使用图形界面代替正文界面,也是一种结合计算科学,美学,心理学,
行为学,以各商业领域需要分析的人机系统工程,强调人,机,环境三者作为一个系统进行总体设计GUL即人机交互图形化用户界面设计,它可以优化产品的性能,使其更适合用户的操作需求,直接提升产品的市场竞争力.
分析:我觉得GUL设计应该是一种专业针对强的设计
4.3.2 软件界面设计
界面设计是为了满足软件专业化,标准化的需求,对软件使用界面进行美化,优化,规范化的设分支具体包括软件启动封面设计,软件框架设计,按钮软件,面版设计,菜单设计等等
界面可分为感觉(视觉,听觉)和情感两个层次,用户界面设计是屏幕产品的重要组成部分
用户界面设计的三大原则是:置界面于用户的控制之下,减少用户的记忆负担,保持界面的一致性.
界面设计是以功能性界面为基础,以环境界面为前提,以为情感界面为重心而构成的,它们之间
形成有机和系统的联系界面设计的运用,核心是设计分析
中国软件开发已很大程度上与西方接轨,UI在中国发展需要一个自上而下的推动性改革
分析:我觉得上面的文字可以仔细推敲软件启动封面大小多为主流显示分辨的1/6大,应醒目地标注制作或者支持的公司标志,
产品商标,软件名称,版本号,网址,版权声明,序列号等信息,以树立软件形象,方便使用者或购买者在软件启动的时候得到提示.界面色彩的要求:计算机屏幕的发光成像和普通视觉成像有很大的不同,应该注意这种差别并做出
恰当的色彩搭配,对用于长时间使用系统的用户应该使用用户在较长时间使用后不至于感觉到视觉疲劳,例如:以纯度较低的淡彩,灰色为主配色,背景深,前景浅等原则,尽量使用同类色,近似色
系,切记色彩过多,使人产生眼花缭乱的感觉,严重影响用户视觉交互分析:我觉得上面说的很对,应该好好分析借鉴
4.3.3 面板
我们习惯称之为皮肤
面板的设计应该具有缩放功能,面板应该对功能划分清晰,应用和对话框,弹出框风格匹配,尽量节省空间,切换方便.4.3.4
图标用来宣传商家的商标或者特定的标志,在软件界面中可以视操作系统的重要元素, 界面中的图标是功能标识,都具有快捷传递信息,便于记忆的特点.