手机界面的视觉语言分析及其风格化设计艺术研究
|
摘要
3G时代的即将到来,手机界面设计在技术层面已经日趋成熟,越来越多的手机界面设计者开始关注其的风格与品位。主题风格鲜明的手机受用户的青睐,也是产生购买欲望的主要因素,因此手机的风格化设计越来越受到生产厂家的重视,其中手机界面的风格化设计扮演着重要的角色。目前,在产品性能和品质越来越同质化的竞争条件下,国内市场很多手机界面形式较为雷同、内容单调、乏味、缺乏艺术特点。那么,利用视觉元素对手机界面进行风格化设计,成为现代手机界面设计的趋势所向。手机界面的整体特征所呈现出的视觉风格,强调对使用者的主观视觉感受所产生的积极作用,其视觉语言风格化设计必须达到用户使用愉悦的目的。
本文重点分析了手机界面视觉语言构成要素,从手机界面的视觉语言的特点入手,对其进行归纳分类分析,且在手机界面的设计过程中将其视觉语言进行符号化,阐述了手机界面设计的视觉语言的概念、特点、表现方式等等。从手机硬件界面和软件界面两个不同的侧面,分别探讨了如何利用不同的视觉表现语言进行风格化设计,以及手机界面设计中图形图符标准化,功能与形式风格的统一化以及手机产品的视觉风格和企业的品牌形象风格系统化三者进行有机结合,从而达到手机的硬件界面和软件界面在设计风格上的协调统一,真正实现手机界面视觉语言的风格化设计。并且在研究过程中,结合实际案例,针对不同的人群总结出满足不同的适用人群的个性化的设计思路,从而在整体上把握手机界面设计的视觉风格。
With the coming of 3G Age , the maturity in technique of mobile telephone interface , more and more designers begin concern the style and taste . Mobile telephone with distinct subject style is popular with customers , which is also the factor that lead purchasing desire .Therefore , the producer pay more and more attention on the stylish design , and interface's play an important role .Currently ,under the competition of function and quality ,in domestic market ,so many interface have the characters of similar form ,dull contents and lacking of art . So using visual factor to design cellophane interface become a trend in modern interface design . The visual style ,what the whole feature of interface shows us ,emphasizes the active effect it plays on user's subjective visual feelings . And the style design in visual language must meet the enjoyable purpose of users .
This paper mainly analyzes the composing elements of visual language of interface, induce and classify it from its feature ,symbolic it when designing the mobile telephone interface ,formulate its concept ,characteristics and manners etc .From hardware and software ,the two different sides ,this paper receptively discusses how to make use of different visual language to do stylish design and combines the standardization of graphic and sign in the interface ,the unify of function and style and with the systematization of mobile telephone visual style and enterprise brand image ,then to get the coordination of hardware and software in stylish design and meanwhile to realize the stylish design of visual language in interface . In the period of study, designers research some instances , target different crowds ,summarize some individual ideas to satisfy different customers ,there by to grasp the visual style of interface design in whole .
本文重点分析了手机界面视觉语言构成要素,从手机界面的视觉语言的特点入手,对其进行归纳分类分析,且在手机界面的设计过程中将其视觉语言进行符号化,阐述了手机界面设计的视觉语言的概念、特点、表现方式等等。从手机硬件界面和软件界面两个不同的侧面,分别探讨了如何利用不同的视觉表现语言进行风格化设计,以及手机界面设计中图形图符标准化,功能与形式风格的统一化以及手机产品的视觉风格和企业的品牌形象风格系统化三者进行有机结合,从而达到手机的硬件界面和软件界面在设计风格上的协调统一,真正实现手机界面视觉语言的风格化设计。并且在研究过程中,结合实际案例,针对不同的人群总结出满足不同的适用人群的个性化的设计思路,从而在整体上把握手机界面设计的视觉风格。
With the coming of 3G Age , the maturity in technique of mobile telephone interface , more and more designers begin concern the style and taste . Mobile telephone with distinct subject style is popular with customers , which is also the factor that lead purchasing desire .Therefore , the producer pay more and more attention on the stylish design , and interface's play an important role .Currently ,under the competition of function and quality ,in domestic market ,so many interface have the characters of similar form ,dull contents and lacking of art . So using visual factor to design cellophane interface become a trend in modern interface design . The visual style ,what the whole feature of interface shows us ,emphasizes the active effect it plays on user's subjective visual feelings . And the style design in visual language must meet the enjoyable purpose of users .
This paper mainly analyzes the composing elements of visual language of interface, induce and classify it from its feature ,symbolic it when designing the mobile telephone interface ,formulate its concept ,characteristics and manners etc .From hardware and software ,the two different sides ,this paper receptively discusses how to make use of different visual language to do stylish design and combines the standardization of graphic and sign in the interface ,the unify of function and style and with the systematization of mobile telephone visual style and enterprise brand image ,then to get the coordination of hardware and software in stylish design and meanwhile to realize the stylish design of visual language in interface . In the period of study, designers research some instances , target different crowds ,summarize some individual ideas to satisfy different customers ,there by to grasp the visual style of interface design in whole .
引文
[1]手机发展史[EB/OL],http://www.cnii.com.cn/20070520/ca419965.htm 2007、05
[2]童宜洁,界面设计中信息传达要素分析[D],武汉理工大学,2006年4月
[3]罗仕鉴、朱上上、孙守迁,人机界面设计[M],北京机械工业出版社 2006、1
[4]孙本文,社会心理学[M],商务印书馆,1946
[5]尹定邦,设计学概论[M],湖南科学技术出版社,2001、9
[6]日本手机界面浅谈[EB/OL],视觉同盟,http://www.visionunion.com/article.jsp?code=200509020005
[7]王颖骅,角色设计方法在手机软件界面设计中的应用研究[D],上海交通大学,2007年6月
[8]苏志岩,平面设计的视觉语言研究[D],河南大学研究生硕士学位论文,2006、5
[9]设计中的符号学[EB/OL],http://www.mokuai.net/_wangyesheji/_wangyezhizuo/
[10]张宪荣,设计符号学[M],化学工业出版社,2004、4
[11]李秋华,手机人性化设计中的心理元素[D],江南大学设计学院
[12]梁勇.色彩:格兰仕的“色彩革命”[EB/OL].[2005-12-20](2007-3-24).http://www.boraid.com/article/45/45450_2.asp?size=big
[13]邱志诚,高娟,李慧萍,产品外观色彩的色调设计与配色原则[J].包装工程:Vol.25 No1.2004,1.124-125
[14]王毅,白晓波,熊大庆,现代工业产品色彩研究与艺术设计[J],装饰杂志
[15]张凌浩、刘刚,产品形象的视觉设计[M],东南大学出版社,2005、7
[16]王颖骅,角色设计方法在手机软件界面设计中的应用研究[D],上海交通大学,2007年6月
[17]张宪荣,设计符号学[M],化学工业出版社,2004、4
[18]任绍辉,解析平面视觉中的符号图形创意,包装工程2005年版
[19]李乐山,人机界面设计[M],科学出版社,2004
[20]张磊,手机产品的品牌形象与产品形象关联性研究[D],上海交通大学,2007、01
[21]张凌浩、刘刚,产品形象的视觉设计[M],东南大学出版社,2005、7
22]张磊,手机产品的品牌形象与产品形象关联性研究[D],上海交通大学,2007、01
[23]陈璐、吴琼、张福昌,手机形态的演变[J],江南大学学报,然科学版第2卷第1期,2003,03
[24]手机发展史初探[EB/OL],动通信在线网站,文章发表于2003年1月网址:http://www.mc21st.com/fashion/com-shihua/2003/01-01.
[25]年光平,主题先行与风格形态[D],四川大学硕士学位论文,2006、4
[26]界面设计之图标设计规范[EB/OL],http://www.worldui.com/showart.asp?id=39,2006、08
[27]手机GUI的现状和流行发展概述[EB/OL],http://www.worldui.com/showart.asp?id=14,2006年7月29
[28]极简主义正流行[EB/OL],星C128 2006-02-14 14:13作者:囡囡,出处:天极网
[29]张艳,基于用户认知风格的手机信息构建研究[D],上海交通大学硕士学位论文,2007、01
[30]姜葳,用户界面设计研究[D],浙江大学硕士学位论文,2006、03
[31]吴磊,产品用户界面认知与传达研究[D],武汉理工大学硕士学位论文,2006、05
[32]杨冬明,品牌产品的形象系统研究[D],同济大学硕士学位论文,2006、03
[33]严若菡,品牌视觉设计的探讨与研究[D],同济大学硕士学位论文,2006、03
[34]任立生,设计心理学[M],化学工业出版社,2005、8
[35]焦磊,中外手机品牌形象比较研究[D],山东大学硕士学位论文,2007、05
[36]童怡青,未来手机的用户界面设计发展[J],通讯世界,2005、04
[37]李爽,视觉符号的抽象程度与意义表达[J],北京理工大学学报(科学社会版),2003、10
[38](美)Jeff Johnson著、王曼、刘耀明等,GUI设计禁忌[M],机械工业出版社,2005、
[39]刘凡,视觉艺术中的挪用[D],清华大学学位论文,2005、12
[40]陈慎任、马海波,产品形态语义设计实例[M],2002、10
[41]叶德辉、郭菲,手机设计的差异化分析[J],装饰总第167期110页,2007、3
[42]童宜洁,界面设计中信息传达要素分析[D],武汉理工大学,2006年4月
[43]段艳红,走进数字化空间-对互动多媒体艺术的思考[D],东华大学,2005、05
[44]李亦文,产品设计原理[M],北京化学工业出版社,2003、07
[45]何灿群,产品设计人机工程学[M],北京化学工业出版社,2005、09
[46]李四达.数字媒体艺术概论[M].北京:清华大学出版社2006
[47]自由设计新家园,设计师的精神家园[EB/OL],http://www.wswin.com/home/
[48]白雪竹,李颜妮.互动艺术创新思维[M].北京:中国轻工业出版社,2007
[49](美)Donald Hearn M.Pauline Baker著,蔡士杰 宋继强 蔡敏 译,计算机图形学(第三版)[M],北京:电子工业出版社,2005、06
[50]CHINA UI.con优艾网-中国人机界面设计门户网站[EB/OL],http://www.chinaui.com/
[51]莫军华,标志设计的艺术性[J].南京艺术学院学报,2005、03
[52]耿国华,多媒体艺术基础与应用[M],北京:高等教育出版社,2004
[53]方兴,郑杨硕.新媒体艺术的现状与未来探析[J].武汉理工大学学报,2006,3
[54]中国工业设计前沿[EB/OL],http://www.foreidea.com/
[55]中国艺术设计联盟[EB/OL],http://www.arting365.com/
[56]纪世章,向黎生,沈清,张权.基于SMIL的手机交互动画技术[J].电脑与信息技术,2006、03
[57]青岛设计网,UI,界面设计[EB/OL],http://www.qingdaoui.com/fb/admin_pic2.asp
[58]UI空间[EB/OL],http://blog.csdn.net/cnhangjiang123/
[59](日)原研哉 著,朱锷 译,设计中的设计[M],济南:山东人民出版社,2007
[2]童宜洁,界面设计中信息传达要素分析[D],武汉理工大学,2006年4月
[3]罗仕鉴、朱上上、孙守迁,人机界面设计[M],北京机械工业出版社 2006、1
[4]孙本文,社会心理学[M],商务印书馆,1946
[5]尹定邦,设计学概论[M],湖南科学技术出版社,2001、9
[6]日本手机界面浅谈[EB/OL],视觉同盟,http://www.visionunion.com/article.jsp?code=200509020005
[7]王颖骅,角色设计方法在手机软件界面设计中的应用研究[D],上海交通大学,2007年6月
[8]苏志岩,平面设计的视觉语言研究[D],河南大学研究生硕士学位论文,2006、5
[9]设计中的符号学[EB/OL],http://www.mokuai.net/_wangyesheji/_wangyezhizuo/
[10]张宪荣,设计符号学[M],化学工业出版社,2004、4
[11]李秋华,手机人性化设计中的心理元素[D],江南大学设计学院
[12]梁勇.色彩:格兰仕的“色彩革命”[EB/OL].[2005-12-20](2007-3-24).http://www.boraid.com/article/45/45450_2.asp?size=big
[13]邱志诚,高娟,李慧萍,产品外观色彩的色调设计与配色原则[J].包装工程:Vol.25 No1.2004,1.124-125
[14]王毅,白晓波,熊大庆,现代工业产品色彩研究与艺术设计[J],装饰杂志
[15]张凌浩、刘刚,产品形象的视觉设计[M],东南大学出版社,2005、7
[16]王颖骅,角色设计方法在手机软件界面设计中的应用研究[D],上海交通大学,2007年6月
[17]张宪荣,设计符号学[M],化学工业出版社,2004、4
[18]任绍辉,解析平面视觉中的符号图形创意,包装工程2005年版
[19]李乐山,人机界面设计[M],科学出版社,2004
[20]张磊,手机产品的品牌形象与产品形象关联性研究[D],上海交通大学,2007、01
[21]张凌浩、刘刚,产品形象的视觉设计[M],东南大学出版社,2005、7
22]张磊,手机产品的品牌形象与产品形象关联性研究[D],上海交通大学,2007、01
[23]陈璐、吴琼、张福昌,手机形态的演变[J],江南大学学报,然科学版第2卷第1期,2003,03
[24]手机发展史初探[EB/OL],动通信在线网站,文章发表于2003年1月网址:http://www.mc21st.com/fashion/com-shihua/2003/01-01.
[25]年光平,主题先行与风格形态[D],四川大学硕士学位论文,2006、4
[26]界面设计之图标设计规范[EB/OL],http://www.worldui.com/showart.asp?id=39,2006、08
[27]手机GUI的现状和流行发展概述[EB/OL],http://www.worldui.com/showart.asp?id=14,2006年7月29
[28]极简主义正流行[EB/OL],星C128 2006-02-14 14:13作者:囡囡,出处:天极网
[29]张艳,基于用户认知风格的手机信息构建研究[D],上海交通大学硕士学位论文,2007、01
[30]姜葳,用户界面设计研究[D],浙江大学硕士学位论文,2006、03
[31]吴磊,产品用户界面认知与传达研究[D],武汉理工大学硕士学位论文,2006、05
[32]杨冬明,品牌产品的形象系统研究[D],同济大学硕士学位论文,2006、03
[33]严若菡,品牌视觉设计的探讨与研究[D],同济大学硕士学位论文,2006、03
[34]任立生,设计心理学[M],化学工业出版社,2005、8
[35]焦磊,中外手机品牌形象比较研究[D],山东大学硕士学位论文,2007、05
[36]童怡青,未来手机的用户界面设计发展[J],通讯世界,2005、04
[37]李爽,视觉符号的抽象程度与意义表达[J],北京理工大学学报(科学社会版),2003、10
[38](美)Jeff Johnson著、王曼、刘耀明等,GUI设计禁忌[M],机械工业出版社,2005、
[39]刘凡,视觉艺术中的挪用[D],清华大学学位论文,2005、12
[40]陈慎任、马海波,产品形态语义设计实例[M],2002、10
[41]叶德辉、郭菲,手机设计的差异化分析[J],装饰总第167期110页,2007、3
[42]童宜洁,界面设计中信息传达要素分析[D],武汉理工大学,2006年4月
[43]段艳红,走进数字化空间-对互动多媒体艺术的思考[D],东华大学,2005、05
[44]李亦文,产品设计原理[M],北京化学工业出版社,2003、07
[45]何灿群,产品设计人机工程学[M],北京化学工业出版社,2005、09
[46]李四达.数字媒体艺术概论[M].北京:清华大学出版社2006
[47]自由设计新家园,设计师的精神家园[EB/OL],http://www.wswin.com/home/
[48]白雪竹,李颜妮.互动艺术创新思维[M].北京:中国轻工业出版社,2007
[49](美)Donald Hearn M.Pauline Baker著,蔡士杰 宋继强 蔡敏 译,计算机图形学(第三版)[M],北京:电子工业出版社,2005、06
[50]CHINA UI.con优艾网-中国人机界面设计门户网站[EB/OL],http://www.chinaui.com/
[51]莫军华,标志设计的艺术性[J].南京艺术学院学报,2005、03
[52]耿国华,多媒体艺术基础与应用[M],北京:高等教育出版社,2004
[53]方兴,郑杨硕.新媒体艺术的现状与未来探析[J].武汉理工大学学报,2006,3
[54]中国工业设计前沿[EB/OL],http://www.foreidea.com/
[55]中国艺术设计联盟[EB/OL],http://www.arting365.com/
[56]纪世章,向黎生,沈清,张权.基于SMIL的手机交互动画技术[J].电脑与信息技术,2006、03
[57]青岛设计网,UI,界面设计[EB/OL],http://www.qingdaoui.com/fb/admin_pic2.asp
[58]UI空间[EB/OL],http://blog.csdn.net/cnhangjiang123/
[59](日)原研哉 著,朱锷 译,设计中的设计[M],济南:山东人民出版社,2007