日志 关于我们 加入我们
  网页设计技巧解析
sunny | 时间:2012年08月03日
网页设计
 

  对比图像,文字更具吸引力

  与你所认为的相反,在浏览一个网站的时候,能够直接吸引用户目光的并不是图像。大多数通过偶然点击进入你的网站的用户,他们是来寻觅信息的而不是图像。因此,保证你的网站设计凸现出最重要的信息板块,这才是设计的首要原则。

  眼球的第一运动聚焦于网页的左上角

  用户浏览网页的这一习惯应该在意料之中,毕竟左上部为主要操作中心这一点为大多数重要的计算机应用程序的设计所采用。在你构建网站考虑网站设计时,应该尽量保持这一格式。要知道,如果你希望保持个人特色,搭建一个成功的网站,你就必须尊重用户们的习惯。

  用户浏览网页时,首先观察网页的左上部和上层部分,之后再往下阅读,浏览右边的内容

  用户普遍的浏览方式呈现出“F”的形状。保证网站内容的重要要素集中于这些关键区域,以此确保读者的参与。在此放置头条,副题,热点以及重要文章,这样可以吸引到读者进行阅读。

  读者会忽视横幅广告

  研究表明,读者常忽视大部分的横幅广告——尽管你以此维持网站生计——视线往往只停留几分之一秒。如果你想通过广告挣钱,那么必须创新你的广告位以及合理配置网站广告形式。

  花哨的字体和格式被忽视

  为什么呢?那是因为用户会认为这些是广告,并非他们所需要的信息。事实上,研究表明用户很难在充满大量颜色的花哨字体格式里寻找到所需的信息,因为视觉线索告诉他们把这些忽略吧。保持网站的清爽,不要因为华而不实的表面,让重要的信息被忽略。
  
  用数词来代替数字

  如果使用数词取代数字的罗列,读者会发现在你的网站可以很容易地发现真实的资料。要知道,你是写给那些将第一次浏览你的网站的读者,所以,让他们容易发现他们所需的信息,让他们感兴趣。

  字体大小影响浏览行为

  想改变人们对你的网页的看法吗?改变网页字体的大小。大的字体刺激浏览,而小一些的字体则提高焦点阅读量。根据你的需要,合理配置两者的比例。

  遇到感兴趣的内容,用户仅会多看一眼副标题

  不要过分坚持副标题固定的格式——保证他们的相关性和兴趣。你也可以让副标题包含关键词,这样可以有效利用搜索引擎,让它带来读者。

  人们大都只浏览网页的小部分内容

  如果在用户浏览的时候提供信息使他们尽快锁定目标,就可以把这一点发展成为你的优势。突出某些部分或者创建项目列表使网页信息容易找到和阅读。

  简短的段落相对于长段落来说有更好的表现力

  网页信息是为大多数强调快速浏览的无联网用户提供的。除非上下文的衔接要求,保持信息由简短的段落和句式组成,例如这个电子商务网站的产品介绍。

  根据视觉锁定,一栏格式比多栏格式拥有更好的表现力

  别让过多的信息把网站来访者淹没。大多数情况下,简洁更具力量。多栏内容容易被用户忽视,我们需要消除这些干扰。

  网页顶部和左边的广告更能吸引眼球

  如需要在网站植入广告,试图使他们融入网页的左上部,这样他们才能吸引到最大的视觉注意力。当然,用户仅仅会注意到这些广告,这并不意味着他们会用鼠标点击。所以不要为了提高广告的注意力而牺牲原有的网站设计。

  将广告放置与最佳内容一旁也可以提升注意力

  如果想要提升广告的可视性和点击率,可以将其设置于最能引起人兴趣的内容一旁,整合进网页的设计里。这样,用户既可以找到所需的内容,你也能提升广告的效益。

  在各种测试中,人们阅读文字广告最为专心。

  正如上面提到的,一般的互联网用户不会花费太多时间用于查看那些一眼就能看出是广告的内容。这就是文字广告表现出众的原因。他们并没有分散注意力,而是与网页的其它部分内容融为一体,这让他们减少了对读者的视觉刺激,也使这一广告形式获得成功的阅读率。

  越大的图像吸引越多的注意力

  如果要在网页中使用图片,那越大越好。人们更倾向于查看那些能够清楚地看到细节和获取信息的图像。要保证你所用的图片与文章内容相关,否则它更容易被忽视。大多数读者都拥有高速的连接速度,所以请放心在你的网站上使用那些较大体积的图片。

  干净、清晰的特写图片能吸引更多的视觉注意

  可能那些抽象的艺术图片会让你的网站看起来很有味道,但是他们并不会吸引多少读者的注意力。如果你需要使用到这些图片,请确保所用图片的清晰以及其表达内容的简单可读性。必须注意的是,那些与真实的“人”相关的图片比所谓的模特图片更为“优秀”。

  标题能吸引眼球

  浏览网页时,读者能发现的第一内容是标题。确保网页的所有相关链接畅通和有效,以让读者顺利的通过网站进一步搜索。

  用户花费大量时间察看按钮和菜单

  所以,你需要花费额外的时间维护你的精心设计。毕竟,他们不仅吸引了读者的眼球,更是网站设计的重要组成要素。

  表单格式可以延长读者的注意时间

  分解内容和段落,大量使用表单形式来表现你的文章,可以保证读者的浏览率。使用数字和其它标记符号来突出文章的重要内容,会让网站更容易浏览,用户更快的找到所需的信息。

  避免呈现大块的文本

  研究显示,一般的网络浏览者不会花费时间去阅读大块的文本,无论他们有多重要或写得多好。因此,必须把这些大文本分解为若干小段落。突出重要的地方,放置点击的按钮也可以提高用户的注意力。

  格式可以吸引注意力

  在文中使用粗体、大写、彩体、下划线可以帮助用户获取正文所表达的最主要的信息。使用时需要谨慎,因为过多的使用会使你的网页难以阅读,把读者吓跑。

  利用好空白

  尽管把网页的每寸空间都填满这个想法十分诱人,但事实上让网站留出部分剩余更为不错。网站的过量信息会把用户淹没,同时他们也会忘记所提供的大部分的内容。所以保持网页的简洁,给读者预留出一些视觉空间来供读者休息。

  放置于网页顶部,导航工具的作用将更好的发挥

  理想情况下,你不会满足于当读者打开你的网站时仅浏览初始页,而是希望他们浏览翻阅,察看其它感兴趣的内容。将导航器置于网页顶部,就可以让用户通过使用这个工具轻松的找到所需的目标内容。
  

Tag:网页设计 技巧分析
阅读全文 »
  电子商务网站设计的10个技巧
sunny | 时间:2012年07月27日
网页设计
 

  随着先进科学技术的应用,人们无需外出逛几个小时来“猎”东西,直接坐在家里就可以购买所需商品,支付服务费用。你只需一台电脑就能搞定。人们习惯了周到的服务和漂亮的橱窗,对网店的选择也不例外。因此,电子商务网站的设计就是一切的关键了。

  如果你想做一个网店,你最应该考虑如何设计你的电子商务网站从中获利。你可以在市场上以合理的价格出售最好的商品,但在网络上,如果你的网站设计简陋,即使商品质量非常棒,你的销量也会大打折扣。以下10个有助于你设计电子商务网站的技巧,它可以增加你的销量,并且正确引导你的生意。

  1. 清晰和“整洁”的界面

  我想你已经有了网上经营的经验,作为客户你也明白在网上开始做生意最重要的就是设计精美的网站。设计精美的网站,可以方便用户购物,并会经常光顾与此。

  2. 明智选择供货商

  你需要找到最好的电子商务网站的供货商。这是整个过程的重中之重。简单的网上调查既节省时间也节省金钱。网络是一个巨大的资源,无论什么方面,它都会帮你做出正确的决定。

  3. 速度意味着一切

  我相信你赞同我的观点,速度之所以重要是因为,没有人愿意花太多时间去寻找项目。因此,不要忘记,你的网站必须易于使用,你的结账程序一定要简便。否则,客户宁愿去别处购买,也不愿填写大量的表格。

  4. Calls to action 行动号召

  设置一些令人振奋的行动号召,吸引客户跳转到新的窗口,这比在网页上添加简单的按钮更有效。但是同一网页上,不要设置太多的活动信息。那会导致客户无法决定购买所需商品,以至于离开你的网站。

  5. 色彩影响情绪

  无需解释颜色对人们情绪及行为的影响。网站设计就是最好的证明。避免使用太刺激的颜色。淡蓝色和绿色都不具有威胁性,是不错的选择。例如,绿色就适合是用来表示打折或降价。

  6. 广告促进销售

  在客户网购的同时,为其推荐目标产品以外的其他产品,是电子商务的一大契机。但是电子商务网站不要发布过于令人厌恶的广告,合理利用就可以增加你的销售量。

  7. 当前位置导航栏 Breadcrumbs

  当前位置导航栏是用以指示客户在网站中的位置。这些导航既可以设置在网页顶部也可以在网页边上。这会为客户创建一个大大方便的购物体验。

  8. 易于注册

  简化注册过程。无需录入客户太多信息。事实上,向网站的会员取得联系只需通过电子邮件就可以了。

  9. 慎重定价

  当然,价格合理是买卖成功的一方面。定价合理并具有竞争性非常重要。无需解释,薄利多销要远远好过于囤积居奇。电子商务网站的设计与改进要旨在向客户展示出你的网站是最好的交易平台。

  10. 测试

  了解网站的运营情况十分重要。你可以雇佣一名自由职业的网站测试员,或者由专门的公司来对网站的可用性进行测试。只有这样才可确保你的网站不存在问题,从而开展你的在线业务。

Tag:网页设计 电子商务 技巧
阅读全文 »
  提高设计水平的九大秘诀
sunny | 时间:2012年07月13日
网页设计
 

  作为一名设计师,也许每个人都有想过如何才能快速的提高我的设计水平呢?除了要熟练掌握基本的设计软件并了解专业的理论知识等还需要一些秘诀,那么又有哪些秘诀呢?

  1、想
  设计师首先必须善于思考,对设计主张自己的想法和理解,这是最重要的。别担心你的想法有多“烂”,没有人能一下子做好的,但你完全可以做好你的习惯和态度。学会大胆地摸索和尝试自己的想法,懂得借鉴,追求属于自己的创意。但是如果在设计时不动脑筋地套模板,套素材,甚至是盲目模仿和抄袭,那简直是在摧残你的创造力,滋养你的惰性,这样永远无法进步,而且以后想进步也非常困难。

  2、看
  大量欣赏别人的作品,尤其是优秀作品,培养艺术鉴赏能力,这对于提高设计水平是必须的。看的时候不要走马观花,需要结合专业知识边看边想,仔细研究作品中值得学习的地方。但有人会抱怨要看作品自己却没有多少设计类书籍,上网找大量并且是自己需要的设计作品和设计资源又很浪费时间和精力,这里你建议去找汇集网络上所有优秀设计资源的网站,这样可以省下很多时间和精力去提高学习效率。

  反复地欣赏优秀的作品。温故而知新,设计也是如此。收藏自己认为比较好的作品,过段时间再看看这些作品,往往会比第一次有更大的收获。

  经常看看自己的作品。经常看看自己的过去设计的作品,你就会了解自己水平是否有所提高,同时也会有更多的设计体会。

  3、练
  反复地大量地练习。如果缺乏足够的练习,就算有足够的设计天赋也是无法提高设计水平。只有不断地练习,反复地练习,才能迅速提高设计能力,做得越多,提高得越快,这个是没有什么快捷方式可走的,必须踏踏实实地来。当然如果练习的时候不思考只会事倍功半,就像学画一样,不光要用笔划,更需要动脑。

  4、审
  自己的作品能打动自己就是好作品吗?其实对自己作品满意并不是件好事。尤其是初学者对设计以及自身能力缺乏足够的认识往往会犯“自恋”的毛病,过于满意自己的设计,总以为自己设计得很完美,没有比这更好的,却不知自己设计得有多糟糕。相反,当你水平真正到达一定高度的时候,你对自己的设计就会有一个比较客观全面的认识,也就不会轻易满意自己的设计了。因此要学会审问自己,虚心向人求教 ,就会少走很多弯路。当你对自己的设计感到很满意的时候,记得审问自己,真的有那么好吗?

  5、问
  学会交流,不懂就问。虽然大部分设计师性格都不太外向,但懂得如何与人沟通交流还是每个设计师必须掌握的课程。设计不是闭门造车,设计师不仅需要和客户交流,还需要和同事同学交流,当然也需要利用网络与其他设计师交流,只有善于交流的设计师才能更好更快地提高自己。

  6、知
  设计师要掌握相关的专业理论知识,多看专业理论知识以查漏补缺。同时更需要学习各种各样的知识。拥有丰富的知识,你大脑里的“素材”就越多,它们都将可能参与到你的设计里,你的设计才会生动饱满,富有思想内涵。所以知名的设计大师们往往都是全才,他们不仅精通设计,更精通其他很多领域。 2,设计师需要懂得体会生活,了解世界。这需要实际调查和切身体会。否则你的设计就会容易脱离生活,失去感染力,因为设计源于生活并服务于生活。同时设计师需要了解世界,以增长更多的见识,保持最新的思想观念。一个思想落后、孤陋寡闻的设计师无论设计经验有多丰富,他的作品总会显得蹩脚和庸俗不堪。 当然,要想有丰富的知识和见识都需要你在平时生活中主动去注意和积累。

  7、勤
  设计师并不是一个轻松的职业,需要勤奋自学,优秀设计师大部分都是“自学成才”。如果平时没有抽时间主动去自我提高的话,那你的设计水平很难提高,甚至不进则退。因此建议在学习或工作之余,多多花时间在设计上,这样才能更迅速提高你的设计水平。

  8、德
  设计师的道德质量不仅会体现在生活中的每个细节,而且还会渗入到设计里,这也许就是对“设计为人”更深的一种诠释。如果一个设计师思想道德狭隘的话,那么迟早会扼杀掉自己艺术细胞,堵塞自己的艺术之路,因为艺术是从生活中提炼出来的,是人们所追求的真纯善美。设计师应该要拥有广阔的胸襟,才能拥有广阔的设计空间与灵感空间,你的设计之路才会走得更远更通畅。

  9、久
  设计不是一朝一夕就能成功的,只有做久了才能拥有出色的设计水平和宝贵的设计经验。既然选择了设计师这个职业,就要有耐心,努力做得出色。虽然会遇到很多辛酸苦累,困难挫折,但不要退缩与放弃,没有这些,你的设计能力如何成长,你的经验如何获得?所以你需要做的是忘掉它们,朝前看,自信地坚持走下去,你的脚步总有一天会踏上平坦的道路,到那时,成功就在你面前向你招手微笑。

Tag:网页设计 秘决
阅读全文 »
  韩国游戏网站设计
sunny | 时间:2012年07月06日
网页设计
 

  一直以来游戏网站带来的印象是整体的,华丽的,因为游戏的本质就是多彩美丽地艺术品,每一款游戏本身的独特元素,造就了一个个具有独特魅力的游戏网站。网络游戏在中国的发展是迅速的,千年,传奇,天堂,MU,RO,很多韩国游戏在中国很受欢迎,本土的游戏也深受韩国游戏的影响和启发,游戏网站也有相同的发展经历,从韩国风格的素材,模板,到构图,色彩,插画创意等。

  首尔被称为世界设计中心之一,有叹为观止的建筑,令人羡慕的工业设计,融入日常生活的艺术,有如此多的美学作为标杆,网站设计自然也有美丽之处,更重要之处是有浓厚的韩式风格,韩国的网民近70%是未满30岁。他们都很年轻,开放,他们适应新事物很快。喜欢上网玩游戏,享受在网上自娱自乐的方式。所以,你可能会看到许多网站在视觉上吸引人的元素,其目的是为了迎合这些用户。

  1、动画

  Flash的使用是大多数人对韩国网站的第一印象,很绚丽很耀眼,有时候会把焦点停留在flash上,而忽略了网站上的信息,可爱的小动物,聪明的刻画,精彩的创意等等,为了保证这样的视觉吸引力,往往不惜牺牲网页设计的标准,然而对于区域范围的用户,以韩国46。8Mbps的网速,将近百分百使用IE的用户群,或许他们是真的不需要考虑太多。所以我们无需再去批判韩国的网站是否拥有有效的HTML,是否降低了可用性,是否有时候发出的病毒警告,或埋怨使用Firefox浏览时有一半的内容打不开…。。就好像韩国汽车在平庸的发动机外拥有华丽的设计,盛行的整容漂亮的大长腿,韩国人的世界,我们不懂,但是,帅气的汽车和性感的大长腿,没有人不喜欢,不是么?


  2、手绘与插画艺术

   韩国的网页设计师有很好的美术修养,我们会发现很多网站会出现很多手绘的元素,无论是作为全站的主题也好,用来点缀也好,都有不少处理得恰到好处的案例。手绘在网站上使用,可以增添趣味性,通常在一些儿童类的游戏网站中使用,加入一些有趣的交互处理,往往会很吸引人。


  时常会看到韩国网站都有一个很不错的TOP,甚至整个网站,都是一副美妙的插画,一个完整的空间,里面承载有趣的内容,与网站的主题游戏相关的,游戏插画在网页设计师的精心处理之后,更为精致,具有意义,而插画的使用,通常也决定了整个网站的风格,色调等,不容易偏离游戏主题。与FLASH一样,韩国的设计师在图形的压缩上面对着较小的压力,这就使得在这一类型的网站设计中有较为广阔的空间,不用太过于牺牲图像质量来保证用户访问时的流畅性。

  NEXON的两款游戏的网站,漂亮的头部设计以及有序的排版。Hangame的游戏网站的保持一致的设计水准,头部的设计仿佛置身于电影世界中。

  3、布局创意与细节处理

  页面结构的布局上,韩国的游戏网站的设计师很善于对空间的有效利用,看上去很舒服,透气性能很好,整体看上去是华丽,但却又是清爽的。而区块的划分通常设计的很有趣,平面设计则被设计师完美的融入到网站设计中。网页布局的不拘一格,创意无限,界面精致,完美的排版,看上去不像网站,更像是精美的杂志或者是精彩的平面设计作品。

  平衡的构图,使得无论在何种分辨率下都能看到页面效果,极具冲击力整体感十足的设计,页面内容与游戏元素左右的格局形成强烈的视觉效果。

不规则的构图,稳定而锐利,干净的排版,易于识别,不规则的构图方式,避免了画面生硬,不易产生审美疲劳。

  韩国的游戏网站大多数在一些细节上处理得都不错,层次感,体积,阴影都处理的很用心,恰到好处,常常见到一些巧妙的并不俗套的处理,或利用构图来凸显视觉上的差异,使整个网站具有不错的空间感,另外在一些小细节上比如一张图片,ICN,按钮,登陆框等等的处理上,都很精致,这些小细节的处理,通常起到提升了网站品质的作用。

  4、色彩搭配和文字的处理
  色彩是一种设计语言,代表了个性,思想,韩国的游戏网站在色彩搭配上很出彩,给人阅读创造了极大的舒适感,主色与辅助色,冷暖的处理,邻近色,文字色与背景色,都处理得很得当,一气呵成的感觉。在遵循一般的色彩规律的基础下,时而看到一些惊喜,比较另类大胆的处理,色相,纯度的特性上灵活把控,让人眼前一亮。
 

Tag:网页设计 游戏
阅读全文 »
  设计流程启发
sunny | 时间:2012年06月29日
网页设计
 
一、设计方法:
第一步 确定主题和广告形式;
第二步 确定主色调;
第三步 安排重点内容;(一般情况为一至二个重点)
第四步 安排次重点内容;
第五步 安排一般性内容;
第六步 修改、补充、装饰

二、设计思想:
内容部分是可以精简补充或者适当增删,位置编排(即版式)应放在第一位,让内容去适应版式。
设计并不完全都是灵感、创意的因素,追求边缘、细部的工整和讲究也是设计另一方面因素。

三、指导原则(作品目标):
规范、简洁、创新、和谐

四、设计创意之灵感启发
1、如果说创意、布局是设计的灵魄;那么追求细节的工整、边缘的讲究则是设计的躯干。
2、少用色彩渐变,多用构成(形状)渐变;少用色相渐变,多用明度渐变。
3、设计就是对比与调和的统一
这种统一包括:色彩、形状、布局、象征意义等等的统一
对比:色彩对比、形状对比、布局的对比效果
调和:色彩调和、形状调和、布局的调和效果
4、自然色应该是初学设计的主色调,比如海蓝、草绿、橙黄、玫瑰红等等。
5、黑白两色图的最简便抠图方法是――利用ALPHA通道抠图。
6、在纸上绘图设计与电脑绘图的主要区别是:电脑有了图层功能,而纸上没有,所以电脑设计一定要充分发挥和利用图层的各种功能才能提高效率。不过,这里不是指拷贝功能。
7、设计的风格不应该是一成不变的,针对不同的客户群体需要有不一样的风格。
8、作品的美观程度不仅取决于色彩、版式,还与文法、语意、逻辑等密切相关。
9、色彩搭配关键词:色相、浓淡、深浅、冷暖、面积、远近;
版式设计关键词:层次、远近、平衡、对称、对比、表格、比例、大小、韵律、统一、调和等;
10、花边、勾头是体现边界设计效果常用的元素之一,京奥火炬翔云图案是2008年流行花边。
11、渐变效果或色调对比强烈的中间,应该增设过渡的图案或图像,否则,会让人感觉色调太过丰富。
12、如果你对3D灯光的效果掌握不准确,那你最好在建模时多用类似曲面、倒圆角的效果,这样可以增强光泽效果。
13、写文章有5W1H要素,做设计同样也需要考虑主题内容是什么、采用什么形式、设计的目的等等。
14、设计不是去研究软件的每一个特效和功能,而是去利用软件实用我们想最终得到的效果,一个好的设计师不一定精通所有软件和功能,但他知道如何去实现效果。
15、运用自然色是设计的基础和根本,版面自然、内容清晰是设计的核心!


Tag:网页设计 平面设计
阅读全文 »
  UI设计时要注意的几个方面
sunny | 时间:2012年06月21日
网页设计
 

  设计师在进行UI设计时,总有自己的想法与设计方案,但是,无论是多么创意的设计,在基本的几个方面,还是要遵照以下的几点:

  软件的智能和记忆功能
  1.用户登录界面最好有用户名和ID的记忆,焦点直接定位到密码输入框
  2.单据录入界面最好有保存和载入默认值的功能
  3.单据搜索界面可以保存用户自定义的各种搜索条件组合
  4.用户调整过的GRID的列宽,窗口的位置可以自动记忆
  5.系统可以根据用户的使用频度对相关功能进行自动的优先级排序
  6.系统能够记忆不同用户的使用偏好,使用系统的固有模式和常用的自定义设置

  减少不必要的重复交互
  1.减少不必要的各种操作,能够点一次鼠标或敲一次键盘完成的绝不作出两次或多次
  2.提示信息要适度,太多不好,太少也不好
  3.数据项完整性校验问题要注意光标焦点自动定位到错误处
  4.完整业务功能不要让用户在多个窗口切换多次才能够完成。尽量减少这种切换
  5.为了方便用户切换窗口,相关的表单最好都作为非模式的形式
  6.相同的信息不要让用户在系统中多处或多次录入,保证入口的唯一性
  7.系统要尽可能根据用户已经录入信息自动获取其它附属信息,而不需要用户重复的选择或录入

  导航和界面跳转
  1.表单新弹出对话框,对话框再弹出对话框的这种层次要控制在3层以内。
  2.所有的非模式活动窗口最好有类似桌面任务栏一样的停靠方式,方便切换窗口
  3.系统可以支持用户自己定义常用功能和菜单
  4.对于常用功能应该提供便捷的快捷键和工具栏按钮
  5.对于系统中提供的各种业务和表单功能能够让用户便捷挑转到帮助信息上
  6.对表单和界面联动和交互的时候要注意相关界面数据的自动刷新
  7.一个窗口中最多不要出现超过三个的GRID控件
  8.BS方式不要左右滚屏。CS模式既要避免左右滚屏也要避免上下滚屏
  9.需要根据业务查看需求和数据的展现需求来选择合适的界面控件

  系统性能和健壮性方面的
  1.系统中相关的耗时操作都必须必须转变鼠标为等待状态
  2.系统耗时操作超过30秒的最好能够提供给用户相关的进度条功能
  3.系统耗时功能超过2分钟的最好能够设计为异步多线程的方式进行处理
  4.系统应用有友好的完整性和约束校验的提示信息,方便用户修改录入数据
  5.在系统出现异常情况下应该有友好的统一的提示信息,同时后台应该记录详细的异常日志
 

Tag:网页设计 UI设计
阅读全文 »
  通往优秀UI设计师之路的20个路标
sunny | 时间:2012年06月15日
网页设计
 

  界面的存在,促进交互作用
  界面的存在,使得用户和我们的世界互动性加强。他们可以帮助用户清晰、阐明、启用等显示关系,它不仅让我们做事有效率,还可以管理我们的应用程序并访问相关的服务。设计界面的行为不是艺术,而是有规则可寻的。优良的设计界面可以激发、唤起和加强我们与这个世界的联系。

  清晰度是项很重要的工作
  清晰度是界面设计中,第一步也是最重要的工作。要想你设计的界面有效并被人喜欢,你必须要充分认识到界面是什么?人们为什么会使用它?要清楚界面对用户的交互作用,比如当用户使用时,能够预料到发生什么,并成功的与它交互。有的界面设计的不是太清晰虽然能够满足用户一时的需求,但放眼看它混淆的界面是没未来的。清晰的界面能够激起人们信息,并促使人们进一步使用。

  不惜一切代价保护用户的注意力
  我们生活在一个中断的世界。在日常生活中,总是会有许多事物分散我们的注意力,使得我们很难集中注意力安静地阅读。因此能够吸引注意力是很关键的。所以千万不要将你重要应用周围设计的乱七八糟分散人的注意力……记得屏幕整洁能够吸引注意力的重要性。如果你非要显示广告,那么请你在用户阅读之前显示完。保护和尊重用户的注意力,不仅让用户更快乐,还使得你的广告效果更好。因此要想设计好的界面,保护用户的注意力是先决条件。

  保证用户的控制能力
  人类往往都对可以掌控自己以及他们环境而感到开心。不考虑他人感受的软件夺走用户的控制力,迫使用户不得不进入计划外的交互,不仅让用户很不舒服,同时也会有意想不到的后果。保证用户的控制能力,让用户自己决定系统状态,稍加引导,我想你会达到你希望的目标。

  直接操作是最好的
  当我们能够直接操作我们世界的物理对象时,最好的界面设计是什么都没有。但这并不太容易实现,因为在界面设计时,我们增加的图标往往并不是必须的。比如我们过多的使用按钮、图形、选项、附件等等其他繁琐的东西以便我们最终操纵UI元素而不是重要的事情。而最初的目标呢?就是希望简化而能够直接操纵……,因此界面设计,我们要尽可能的少点界面封装,尽可能多的了解一些人类自然手势。理想情况下,界面设计要简洁,让用户有一个直接操作的感觉。

  每个屏幕上都要有个主题
  我们设计的每一个画面都应该有单一的主题,这样不仅能够让用户使用到它真正的价值,也使得它更容易学习,使用也更方便,更容易在必要的时候添加或修改。屏幕,如果支持两个或两个以上的主题会变得很混乱。像撰写的文章,应该有一个单一的主题以及强大的论点,我们的界面设计也应该如此,这是其存在的理由。

  保持二次行动
  屏幕与单一的主要行动可以有多个二次行动,但它们需要保持二次!您的文章存在的原因就是,人们可以在Twitter等上面分享它……,因此很多事物的存在,是为了人们阅读和理解它。因此保持次要操作能够使得视觉得到改善,以及帮助主要的行动实现。

  自然过渡
  很少有交互能够持久,所以深思熟虑的设计要考虑到交互的下一步。考虑到下一步的交互是怎样的,并且用设计支持它。这有点儿像对话,要为深入交谈提供话由。当用户已经完成该做的步骤,不要让他们不知所措。给他们自然而然继续下去的方法,以达成目标。

  名副其实
  人对符合期望的行为最感舒适。他人、动物、事物或者软件的行为始终符合我们的期望时,我们会感到与之关系良好。这也是与人打交道的设计应该做到的。在实践中,这意味着,用户应该可以预测交互元素如何表现而不用多加思索。如果看上去像个按钮,就应该表现得像个按钮。设计师不应该在基本的交互问题上耍小聪明,要在更高的层次上发挥创造力。

  区分重点
  接上条,如果视觉元素的行为不一样,那它们的表现也理应不同。反之,如果行为相同,则表现相同。这两点同样总要。为了保持一致性,初级设计师常常对应该区分重点的元素,用相同的视觉效果(往往重用代码),而其实区别对待才是合适的。

  明确层级
  视觉元素如果有清楚的浏览次序,那么应该明确它们的层级关系。也就是说,如果用户每次都按照同样的顺序浏览同样的东西,不清晰的层级,没法告诉他那里才是重点,最终会显得杂乱,使人困惑。在不断变更设计的情况下,很难保持明确的层级关系,因为所有的元素的关系都是相对的。如果所有都被强调,那么相当没有被强调。如果要添加一个特别重要的元素,设计师可能要考虑重设每一个元素,以再次达到明晰的层级。多数人不会注意视觉层级,但这是增强设计的最简单的方法。

  恰当组织
  正如John Maeda在其著作《Simplicity》中所言,恰当地组织视觉元素能够化繁为简,帮助他人更便捷地理解你的表达,比如内容上的包含关系。用方位和方向上的组织可以自然地表现元素间的关系。恰如其分地组织内容可以省去很多用户思考,他不必着琢磨元素间的关系,因为你已经表现出来了。不要迫使用户做出分辨,而是设计者用组织表现出来。

  慎用色彩
  物理世界的色彩会随光线改变而改变。艳阳高照与夕阳西沉时,我们看到的景物有很大不同。色彩很容易被环境改变。因此,设计中色彩不应作为决定性因素。色彩可以醒目,作为引导,但不应该是做区别的唯一元素。在长篇阅读或者长时间面对电脑的情况下,除了要强调的内容,应采用朴素或喑暗的背景色。当然,视读者而定,也可采用明亮的色彩。

  循序展现
  每屏只展现必须的内容。如果用户需要作出决定,则展现足够的信息供其选择,他们会到在下一屏找到所需细节。避免过度阐释或把所有一次展现的倾向。如可能,将选择放在下一屏以有步骤地展示信息。这会使交互更加清晰。

  内嵌“帮助”
  在理想的用户界面,帮助是不必要出现的,因为用户界面能够有效地指引用户学习。类似“下一步”实际上就是在上下文情境中内嵌的“帮助”,并且只在用户需要的时候出现在适当的位置。设计者的任务不是在用户有需要的地方建立一个帮助系统,把发现用户需要的义务推诿给用户,让用户去在帮助系统中寻找他们问题的答案。而是应该确保用户知道如何使用你提供的界面,让用户在界面中得到指导并学习。

  关键时刻:零状态
  用户对一个界面的首次体验是非常重要的,而这常常被设计师忽略。为了更好的帮助用户快速适应我们的设计,设计应该处于零状态,也就是什么都没有发生的状态。但这个状态不是一块空白的画布,它应该能够为用户提供方向和指导,以此来帮助用户快速适应设计。在初始状态下的互动过程中会存在一些摩擦,一旦用户了解了各种规则,那将会由很高的机会获得成功。

  宝贵的现有问题
  人们追求解决现存的问题,而不是潜在的问题或者未来的问题。因为,不要为假设的问题设计界面,观测现有的行为和设计,解决现存的问题。这确实不是令人很兴奋的事情,但却是最有价值的事情,因为用户正在使用你的界面。

  被忽视的伟大设计
  伟大的设计有个奇怪的属性,那就是这个设计通常会被它的用户所忽略。其中的一个原因是这个设计非常成功,以至于它的用户专注于完成自己的目标而忽略了自己面对的界面。最后,他们完美达成自己的目标,从而不需要去反应什么情况。作为一个设计师,这个目标是可以达到的,当我们的设计很优秀的时候,我们不会受到很多阿谀奉承。伟大的设计师,会用优秀的设计丰富自己,因为满意的用户往往都是沉默的。

  多领域设计
  视觉、平面设计、排版、文案、信息结构以及可视化,所有的这些知识领域都应该是设计应该包含的部分。设计师对这些知识都应该有所涉及甚至专门进行学习。不要看不起这些知识,要从中获取许多值得学习的东西,以此来提高你的工作能力。设计师的眼光要长远,要能从看似无关的东西中学习,比如:出版、编程、装订、滑板、消防甚至空手道。

  设计的存在必须有所用途
  在大多数设计领域,界面设计成功的要素就是有用户正在使用它。就像一把漂亮的椅子,虽然精美但坐着不舒服,那么用户不会使用它,它也就是失败的设计。因此,界面设计不仅仅是设计一个使用环境,还需要是创造一个值得使用的艺术品。界面设计仅仅能够满足其设计者的虚荣心是不够的:它必须要有用!

 

Tag:网页设计 优秀设计师
阅读全文 »
  抓准用户心理建设企业网站
sunny | 时间:2012年06月08日
网页设计
 

 “嗯,我要大气,简洁的网站”,相信每一个网页设计师在与企业客户沟通的时候都曾经听到过这样一句话,然而,什么是企业客户要的大气、简洁。这让很多设计师彷徨过、郁闷过。企业网站的页面设计是很多网页设计师与企业之间比较纠结的事情,设计师往往千辛万苦设计出来的网站,可拿到企业那儿去的时候却一文不值。“我要的是环保绿,你这哪里感觉的出环保”,“我要的是大气,你这不就是简单而已嘛?”因此,抓准用户的心理特征,充分了解你的客户,之后用网站设计以及功能体现出来,才更容易获得成功。

  与客户的沟通少不了,了解客户的喜好,企业有其偏好的颜色,可以从企业的工作服、宣传海报、广告等看出来,从而确定网站的主色调,符合公司的风格、行业的特点、企业老板的个人喜好。与客户沟通的时候从他们的喜好中找到蛛丝马迹,如有的客户说要大气的网站,我们可以多咨询什么样的大气,客户可能就会进一步解释,让人看起来比较专业的、能够让客户信任我们公司的网站;非常简洁又整齐的,就像苹果公司的那种感觉;等等。抓准了客户的具体需求,我们就知道在整个页面设计中要如何体现,哪里体现了。

  做好充分的沟通之后,我们可以从网站的页面设计风格中把握企业的用户体验,从网站的功能模块把握实用性。其实对于企业网站而言,大部分功能和栏目都是类似的,决定网站不同的地方就是网页设计。一个赏心悦目、专业精致的网站设计能够满足用户的心理需求,因此,在网站设计的过程中,可以将一些对用户有用的信息、用户比较关注的信息放到醒目的位置,促使用户产生从众的心理。据了解,企业网站的首页设计中,一般公司都喜欢将成功案例以及比较知名的合作伙伴放置在显著的位置,其实这些都是善于运用用户的从众心理的一种方式。

  企业网站基本上大同小异,但是不同行业的企业网站也有不同的特点。如贸易公司以营销为重点;而生产型企业更重视网站的产品展示,更多侧重于展示功能;而电子商务类型的企业,则更看重实际的销售量,在网站的功能设计中就可以加入用户的评价,如淘宝购物的好评率容易给客户带来信任感,从而促进消费者购买。因此,需要根据不同的企业客户特点,分析其特征,设计不同类型、不同功能的企业网站,才能符合企业的需求。

 

Tag:网页设计 平面设计
阅读全文 »
  设计师必去的17个设计类网站
sunny | 时间:2012年05月31日
网页设计
 

1、中国logo设计制作网(以logo设计为主的特色网站,气氛活跃,提供公益培训,免费设计服务,2007年成立个人认为是同行业发展做快的)

2、DDC传媒(强调数字艺术的综合性网站)

3、ad110(云集非常多大师作品以及他们的网站导航)

4、鲜创意(综合性网站)

5、数字驿站(很不错的素材网)

6、中国美术家(内容非常的全面,但是速度非常慢)

7、中国CG联盟(数字内容创作、电影电视制作,视觉娱乐设计)

8、火星时代动画网(不说了,看题目就知道)

9、视觉同盟网(综合性网站)

10、素材中国(不说了,看题目就知道)

11、设计在线(新闻绝对是业界最及时的)

12、视觉中国(新新设计师的代表性网站,有些杂,速度也不快)

13、设计前沿(从事工业设计的同胞们必去)

14、设计师家园(建筑与室内设计师非去不可)

15、亚洲CI网(网站本身不怎么样,但是论坛非常不错,高手云集)

16、Arting365(有些不错的独门信息及作品)

17、台湾创意设计中心(了解台湾设计的必去站点)
 

Tag:平面设计 网页设计 设计素材
阅读全文 »
  设计是O――关于设计趋势的思考
sunny | 时间:2012年05月25日
网页设计
 

  设计是O——关于设计趋势的思考

  设计是O,O是什么,O是Origin原点。

  设计需要创新的精神,才能产生Big Bang!而设计师的修为高低在于:你是否恰到好处的占领了原点的前端。

  近几年,经常听到一个词“趋势”,大致意思是:事物发展的动向。这个词用在观察金融交易市场规律上大致可取,但是用在设计发展规律上就不妥了。

  举例说明:年年都有所谓的XX年LOGO设计趋势的文章,列举一些案例进行圈圈点点。但一年之内有关logo的设计项目有多少呢?仅凭借所谓的“趋势”去概定当年的全部设计风格,这是十分可笑的事情。

  而更令人不解的是,许多人将此借镜为鉴,并不理会其是否合适自身项目,还或有表示,对此不认同的他人是不懂趋势。私以为,这不是“趋势”,而是“逼势”。当“趋势”成了“逼势”那便成了一件坏事,但事实上“趋势”本身并不坏。

  Metro UI风格设计是近期比较经常被提到的一个新的“趋势”,据说Metro设计风格的灵感来源于机场和地铁系统所使用的视觉语言,但其实早在十年前,整个荷兰设计界就已把所谓Metro UI风格运用的相当普遍了,其中主要以登贝设计Studio Dumber和Dietwee为代表,且当时深圳众多的设计公司也多有采用Metro UI风格。而如今微软则是运用强大的影响力和专利意识恰到好处的占领了原点的前端。


  Metro UI风格设计,重在平面排版设计。

  平面排版设计要求越高,简单的东西便越难做。Metro UI风格设计的元素需要很严谨的空间规划,字体在块面上的位置及留白相当重要,而块面在版块中的布局也需要很好的拿捏。

  但简体中文在空间中的位置却相对难以控制,在一块方形的块面上英文字显得潇洒上流,中文字则莫非如是,怎么可以做出好的Metro UI风格设计呢?

  其实Metro UI风格的应用,如果想要简体中文得体,那色块恐怕比英文要大,空间也需要稍微大一点,无论在哪个平台,网页、操作界面、平面媒体、广告等等,越是简洁越难玩得透,拿微软官网的中文版和英文版来比较,由于色块空间与字号对比不理想等原因,中文版的视觉效果明显较弱。

  静下心来,认真思考游戏、网页、交互等问题后,我认为游戏页面的视觉设计最主要的是对游戏元素的提炼,而只有玩了游戏才能更好的理解这个游戏的精髓。如果连产品都不甚了解,是难以将产品包装的创意设计做好的。对于游戏元素的提炼,并不在于偏向或轻或重的质感风格,将网站复杂化,而是需要看设计师对游戏风格的把握及运用。  
 
  所谓“趋势”其实就是潮流,潮流的名字本身就很好,「潮」代表其一阵涨一阵退,后浪推前浪,「流」则代表其永不停下来朝一个方向前进。如果潮流是一条河,你是做潮流前端带领者,还是后面的追随者又或者是置身在外的旁观者?潮流总是循环往复,十数年后健美裤又以微弱的势头东山再起,不过这次它变幻成了颇受街头潮人追捧的打底裤,也叫裤袜、紧腿裤、绑腿裤,英文名字叫Legging。

  上世纪80年代,青少年的招牌服饰是萝卜裤。现在哈尼裤来了,只是改良版的萝卜裤。
 
  设计就是在人类文化长河里一个越滚越大越充实的O,不断的加以新元素融合老元素,一波又一波,循环。潮流趋势是“循环”的,对于潮流的选择,关键要符合自己的风格,而不是盲目地跟着每每的流行而变化,适合自己才是最重要的。说到底,或许是我们失去了自信。那么,我们的自信哪里去了?我希望我们可以作为占领潮流前端,而不是跟着别人的屁股,我现在还是一个跟着别人屁股走的人,

  但仍希望有朝一日可以作为一个带领者,而不是跟附趋势,特写此文与各位共勉。

  总结:本文并不是批判Metro UI风格,也不是批判喜欢Metro UI风格的人,只是不想让“趋势”成了“逼势”,要玩好一个风格首先要知道是否合适自家产品,如何扬长避短。形式很重要,风格也很重要,还要看怎样巧妙运用与结合。
 

Tag:网页设计 趋势
阅读全文 »
1 2 » 
 
内容搜索
分类目录
媒体专区 (3)
新闻公告 (5)
技术创新 (4)
用户体验 (15)
网页设计 (19)
团队分享 (20)
悦读周末 (5)
短信中国LOGO (8)
时间索引
2010年07月 (11)
2010年08月 (8)
2010年09月 (11)
2010年11月 (1)
2010年12月 (1)
2011年01月 (3)
2011年02月 (1)
2011年03月 (1)
2011年04月 (1)
2011年05月 (3)
2011年06月 (2)
2011年07月 (1)
2011年10月 (1)
2011年12月 (1)
2012年04月 (8)
2012年05月 (12)
2012年06月 (6)
2012年07月 (6)
2012年08月 (1)
最新发布文章
网页设计技巧解析
电子商务网站设计的10个...
利用统计分析,倾听你...
商标图案创意的原则
提高设计水平的九大秘...
韩国游戏网站设计
最新评论文章
2011年短信中国“给力”...
短信中国,浓浓圣诞节
热门标签
网页布局 网页设计  技巧分析 团队 极速电网 挑战 电子商务 技巧 游戏 好心情 通知 秘决 世博 创意大赛 短信 上海 商标设计 创意 整体作战 明星效应 世界杯 马拉松 端午 节日短信 粽子 亲人 短信生活 营销 市场 用户 
Copyright© 2010 SMS短信应用平台版权所有
http://www.sms.com.cn/Blog SMS短信应用平台团队博客