关于我们一群专注互联网的专业团队

成都腾睿互动科技有限公司,其前身是成立于2012年的腾睿设计工作室,其团队核心成员均来自国内大型互联网公司。

多年来,腾睿专注互联网解决方案,提供网站建设、APP开发、微信开发、电子商务、互动营销、企业形象设计、UI设计、视觉设计、html5设计、平面设计、程序开发、服务器维护等专业服务。

我们尊重并深入理解每一位客户的理念,用专业、敬业,以对产品细节精益求精的态度成功为40多名客户打造出了上百个创新易用的优秀产品。我们广泛涉足移动互联网、健康医疗、政府国企、教育文化等不同领域。不论是品牌官网、行业门户、还是app应用,我们都能提供精确的策划方案和视觉设计方案。

我们追逐在互联网最前沿,我们能洞察互联网发展与审美趋势,我们有丰富的创意和精美的视觉以及强大的技术。

相信腾睿互动,能为您做的更好!

服务方案在这里有你所需的一切

服务方案在这里有你所需的一切

案例展示每一个项目都是用心的极致表达

更多案例

新闻资讯分享互联网

网站建设存在的误区

网站建设误区之网站以图片、flash、音乐、甚至是视频为主     有些时候,成都腾睿工作室的客户会发过来一些网站建设的案例,说该网站是多么的美观多么的炫,让我们照着做一个。打开一看,整个页面都是flash、音乐、甚至是视频,或者巨大的图片,很少的文字信息。诚然,这样的网站确实能做到一些很炫的效果,特别是纯flash的,但是稍了解一点SEO的人都会知道,这样的页面是没办法让搜索引擎(如百度、谷歌)识别的,也就是说搜索引擎来抓取的时候,不知道这个页面的内容是什么(图片虽可以加alt属性,但必竟不可能太详细),那样的话,从搜索引擎就很难搜索到这个页面了。还有一点,图片和flash文件,往往都会比较大,因为普遍用户的带宽都不是很高,再加上服务OR空间的线路问题,用户打开速度就会受到影响,试想你是用户,当访问一个网站,很久都打不开,你会有什么反应。      网站建设误区之仿照     一客户找到我们,说要做网站建设,我问他需求,然后他发过来一个网站,说你完全按照这个做就是了。     这样的客户,往往都是在网上看到某个网站,觉得功能很多,网页设计也美观大方、好看,于是就想做个一模一样的。但是呢但是,他们都没有认真考虑过里面的各模块和功能,是不是适合自己,真的有必要完全照搬吗。      网站建设误区之内容不更新     许多客户,网站建设完成,填充一次内容觉得差不多之后,就再也不会更新网站了,内容一成不变,对搜索引擎来说,这种就是僵尸站,排名会降得非常低,除非是特定的关键词,否则在搜索引擎中基本就是搜不到。网站最好的是每天有更新,如果做不到,每周更新一次也行,总之要做到定期的更新内容,不要让搜索引擎觉得这是个僵尸站,那样的话,久而久之,它甚至不会再来收录你的页面。      网站建设误区之内容单一     很多客户都会问,怎么推广网站。其实我觉得,网站最重要的是内容,一个网站做得再好看,如果内容单一甚至没有内容,也只是个壳子,即使吸引到了眼球,也没办法留住用户。道理很简单,换位一下,你是用户,当你面对一个网站的时候,怎么才能让你停留更久的时间,怎么才能让你收藏这个网站,那就是这个网站一定有你觉得对自己有用的东西。所以网站要吸引和留住用户,需要做的就是丰富内容,并且多样化内容。比如一个经营摩托车的网站,就不要单一地只做产品介绍,可以发一些保养、维修维护的知识,甚至发一些摩托车旅行的贴子文章,还可以通过线下活动的方式,提高用户互动。人气起来了,其他的自然不是问题。      网站建设误区之网站建设价格的误区     报价很高的,不一定做的东西就很好,一般开发团队是公司性质的,他们报价就会偏高,特别是一些知名的网络科技公司,反倒是一些工作室之类的私人团体,报价会更合理一些,因为他们没有公司的运作成本。但是也有一些客户刻意地压低费用,虽然说私人团体成本低,但总归还是有一定成本的,我们也需要生存不是,试想一个项目价格被压得太低,开发人员做着也没有激情,直接影响到项目质量,所以网站建设的价格,还是要合理一点,达到共赢的目的。 (辛苦原创,转载请注明出处,成都腾睿工作室,致力网站建设、UI设计)

UI设计应遵循的三大网站设计原则

  UI设计师需要做什么? 最近几年,针对多设备进行设计已成为Web设计领域最令人兴奋的开发工作。以前主要关注网站是否可以在两个不同浏览器上运行正常,现在则转移到它是否可以在具有完全不同特性的多种设备上正常运行,这些设备具有不同的屏幕尺寸、不同的性能、不同的使用环境及不同的界面。 虽然响应式设计和针对设备定制网站可以帮助我们制作出针对不同体验的设计,但仍有很多时候我们必须做出统一的决策。这时,"平均律"的概念或许有些帮助。   触摸优先设计、响应式设计、移动优先设计是UI设计师设计网站应遵循的三大原则,以使网站最大范围地适应各种设备。外文《Designing The Well-Tempered Web》中详细阐述了这三大原则。CSDN对该文进行了编译,内容如下: 随着技术的进化,Web设计的艺术和技巧也在不断进化。新的技术创造了新的挑战,而新的挑战要求新的解决方案。我们通常工作在未知领域,需要给出全新的解决方案。 考虑到有限的Web设计历史,我们必须超越当前的领域去回答更有挑战性的问题。为此,我们可以通过借鉴其他不相关领域的发展历史,如音乐,从中寻求可以帮助我们解决问题的方案。下面将列举一个18世纪早期关于巴赫的一个小故事。 巴赫和《The Well-Tempered Clavier》 1972年,巴赫完成了一部著作《The Well-Tempered Clavier》(《十二平均律钢琴曲集》),分上下两卷,每卷各有24首前奏曲与赋格曲。现在它已被誉为西方音乐历史中最重要作品之一。 在当时,为12个主要的琴键分别谱曲是完全不可能的。而巴赫却从整体上为全部的12个音作曲。正是他的这套《十二平均律钢琴曲集》,最终向人们证明了"十二平均律"是可以用来作曲的,而且其效果之美妙,以前的人们从未曾领略过。 在这个过程,所采用的解决方案是重新定义了"合调"的概念。通过修改一定的间隔,使每个琴键稍稍偏离完美的音调,从而产生一种调音系统,允许人们在所有的琴键上演奏出合调的琴乐。牺牲少量的个体品质以达到更完美的整体效果,被称为"平均律"。 该案例虽与网站设计不相关,但目的是一样的:使每个琴键都稍有缺陷,以便键盘整体表现完美。 该概念在UI设计中的应用一个简单的过程:为了针对一系列不同设备设计出好的体验,我们必须允许某些界面出现偶尔的不完美。我们必须做出小小的妥协,以保证我们的设计可以很好地适应其他的环境。 触摸优先设计 具有"平均律"特性的网站已经将触摸式界面应有到了最近的桌面网站设计中。 在占用面积上,手指要大于鼠标指针,所以手指需要更大的触控区域。为了确保可用性,交互元素需要更大。当交互元素的面积增大后,其他元素也需要相应的增大以保持平衡。这就需要通过margin和padding两个属性来设定。 新版Gmail设计有大量的空白区域,对按钮设定了额外的Padding。虽然它只是针对桌面的设计,但也可以很好地兼容触摸设备。 iPad在触摸界面和不同大小桌面屏幕之间搭建了桥梁。而iPad的流行加速了触摸屏在桌面界面设计中的影响。如果你观察一些刚经过重新设计的著名产品,如Gmail,Twitter,你就会发现Web设计已有明显的不同。他们看上去更"丰满"。有更多的空白区域,按钮有更多的Padding,上面的元素整体看来增大了不少。当然,其他的因素也在发挥作用,比如桌面屏幕尺寸的稳定增长。 当为鼠标提供了"过多"的空间,而对于手指来说,空间刚刚好时,我们的设计就算完成了。我们允许与某体验的标准有稍稍的偏差,以获得对所有可能体验的更好支持。 有一点值得提出,对触摸友好的UI对于使用桌面鼠标的用户来说,更易用。容易触摸操控的按钮,更容易被点击。 微软Metro风格的设计受到了触摸优先思想的影响 响应式设计,达到统一设计的目的 虽然关于响应式设计的很多讨论都是关于响应式设计技术的,但响应能力本身并不是最终目标。它是达到目的的一种手段。设计具有响应能力,是为了达到其他的一些目的。可能为了支持不同的内容,服务于低宽带中传输的图片,在更小的屏幕中更好地展示布局。也可能为了在大范围不同的设备上提供统一的体验。 搭载响应式设计的火车,可以到达统一的用户体验设计的目的地。 Boston Globe网站在这方面做得很棒。 Boston Globe出色地将响应式设计应用到了大型网站中 响应式设计策略可以使一个简单的设计适应用户阅读Boston Globe所使用的任何设备(即便是Apple Newton)。这不仅仅是前端工程师的功劳。配合使用Media Queries和JavaScript两种技术,也可以达成这种效果。 移动优先设计 之前的案例主要针对图片设计,但"平均律"的概念应该应用于产品设计、用户体验、信息架构中——几乎设计的其他任何领域。让我们看看产品设计及移动优先的设计思想。 从移动设备角度出发开始设计过程,构建可以满足移动环境中各种限制的产品,你需要专注于产品的最重要元素上。正如Luke Wroblewski所表述的:  "当团队进行移动优先设计时,最终是要打造一种体验,该体验主要专注于用户希望完成的最主要任务,没有任何的绕弯子与界面碎片。这对于用户体验和商务都是有利的。" Twitter最近的一次改版验证了这些原则。 新版Twitter采用了简约化设计,在各种设备上具有一致的体验。 Twitter改版的目标之一是为了向用户提供一致体验,无论在电脑上还是在各种移动设备上。获得一致的视觉和感受体验对于UI来说是一个挑战,但整个产品在不同设备上获得一致的体验则是更大的挑战。针对这两方面的挑战,移动优先设计可以帮我们实现。 在Twitter的改版中,我发现了一件很有趣的事,即移动体验对整个产品设计的影响。例如,除了"Tweet"按钮外,所有的动作按钮均布置在"Home"、"Connect"、"Discover"、"Me"四个标签下面。该简单化的设计在小屏幕设备中运行完美,四个项目也能在标签栏中融洽"相处"。 在桌面网站中,虽然新增了一些其他特性,但建立在移动版本基础上的简洁仍需存在。虽然桌面版本上有大量的空间来完成更多的复杂设计,但设计仍要有所约束、有更好的适应性,以确保达到一致的多设备体验。 小心有"狼" 在巴赫之前的调音系统中,被同时演奏出的不和谐间隔的音符会产生侧耳、咆哮般的声音。音乐家把这种声音称为"狼嚎"。 在界面设计中,当针对某一种体验设计的视觉或交互元素转移到另一种体验环境中就会失效,那么我们称这种元素为"狼"。回想一下,你曾经费力地用手指点击一个很小的针对鼠标设计的链接,还有痛苦地在移动设备、触摸设备上阅读着字体很小的文本,而这些设备上的界面元素只依靠鼠标点击。这些都是UI上的"狼"。 这些文章的链接只依靠鼠标完成交互。当在触摸式的移动设备中浏览时,它们的可能性就会减低。 New York Magazine提供了一个好用、美观的下拉式导航菜单,但你只能使用鼠标来点击它。 注意事项 响应式设计,提供针对设备的特定体验,确实可以解决很多此类问题。如果我们能调整一个按钮的大小以适应某一特定的环境,那么我们就不必接受这种笨重、顾及全局的方法。但是我们需要支持的设备数量只会增加,定制所有可能的方案即将变得不合理。 即便我们可以在执行层面定制完美的设计,但仍有必要在概念层面考虑一下可调节的、可统一访问的设计。 下面列出了几个注意事项 ● 小心 交互行为不会在各种界面中得到统一支持。通过鼠标来完成的功能在触摸设备上可能会有问题。通过触摸来完成的操作可能用鼠标就无法执行。但这并不意味者我们不能使用它们,只是我们应该清楚它们的使用限制。 希望用户可以在不同的设备上使用我们的网站和应用时获得完美的体验。也希望我们的劳动成果可以在尽可能多的环境中可用。   ● 触摸优先式思考 针对手指点触设计的按钮,同样可以用鼠标来点击。但针对鼠标设计的按钮,用手指触控时就会显得太小了。触控优先式设计,可以确保你的网站和应用很好的迁移到其他环境中。 ● 统一式思考 正如"早测试,经常测试"一样。在设计过程中,应该尽早并经常思考你的设计如何成功运行在不同的设备之上。 ● 移动优先式思考 移动优先设计,可以让你专注于那些关乎你成功的事情上。保持对最重要特性的关注,在不同设备上实现统一的体验就变得更加容易了。 ● 响应式地思考 即便你并不正在实现一个完全响应式设计,简单地用响应式的方式去思考将会对实现可用的、统一的设计大有帮助。    

IPad UI 界面设计规范简述

Tags:网页设计  视觉设计 平面设计 iPad 的操作系统是iOS 3.2,iPad软件用到的很多UIKit视觉元素和控件都和iPhone软件一样。因此,如果你有为iPhone开发软件的经验(并且熟悉  iPhone用户界面规范),对于开发iPad软件会很有帮助。 iPad 在近似的底层架构上引入了一套新的用户体验系统,这套系统和iPhone 的用户体验有很大区别。iPad 的屏幕更大,介面引人入胜且高度互动,这些特点令你能够写出另一级别的软件。 在开发过程中,你应该认真花时间去吸收和感知iPad 的用户体验,在用在这一过程中习得的知识设计出完全属于iPad 的应用程序。 iPad 的硬件特点 iPad 的以下特点对您的软件的UI 有很大影响: 一、屏幕大。(分辨率:1024 x 768。) 二、你无法预期用户手持iPad 时的朝向(横版还是竖版,正着还是倒着)。 三、可接外置键盘,并用其替代iPad 自身的软键盘。 四、可放在底座上用。 为了更好地理解开发环境,也请注意iPad 和iPhone 的如下共同特点: 内存有限。 一次只能运行一个软件。 各个软件的参数设置都可以统一放在Settings 这个预装的应用程序里。 用户可以改变设备的朝向。 屏幕上的「帮助」内容不会很多,用语也比较简单。 没有「鼠标点击」这个动作,只有手势动作。 既能跑原生软件,也能跑线上软件,或是混合型软件。 图像的比特深度有统一标准:24 比特(R、G、B 各8 比特),外加一条8 比特的alpha 通道。基本上,我们推荐您用PNG 格式。 iPad 上的新UI 元素与行为 在iOS 3.2 里,UIKit 引入了一些新的UI 元素,旧有的一些元素也有了新的行为: 分栏模式(Split view) 这是iPad独有的元素,您可以用它同时在屏幕上显示多个视图区域,例如把数据以「主干-细节」或源列表的方式排布。由于它能压缩信息层级,分栏模式是iPad软件常见的用来组织信息的元素。请到「iPad用户体验规范」一章了解分栏模式的各种用法。如想了解使用指南,请读「分栏模式」。   悬浮层(Popover) 悬浮层也是iPad独有的元素,可以用来临时显示附加信息、控件,或是与主视图区域的内容相关的选项。有些信息或选项不需要一直出现在主视图区域,悬浮层就是为此而生的。请到「用悬浮层来完成模态任务」一章了解分栏模式的各种用法。如想了解使用指南,请读「悬浮层」。   结果列表按钮 这是系统提供的按钮,用它可以显示搜索栏里的搜索结果。(如想了解使用指南,请读「搜索栏」。)   模态视图有了新的显示风格 在iPad里,模态介面可以全屏,也可以占据屏幕的一部分,也可以以表单的形式出现。因此,你可以根据软件的用户体验与视觉设计更好地度身定做模态视图。(如想了解使用指南,请读「模态视图」。)   工具栏可以放在不同的位置 你可以把工具栏放在屏幕的顶部或底部,还可以放在分栏模式或悬浮层的内部。(如想了解使用指南,请读「工具栏」。)   「编辑」菜单可以显示自定义的项目 除了标准的剪切、拷贝、粘贴、选择以及全选这几项以外,你可以自定义其他项目。(如想了解使用指南,请读「添加『编辑』菜单」。)   软键盘可以自定义 您可以用自行设计的带有特殊按钮的软键盘来替代系统提供的软键盘。(如想了解使用指南,请读「自定义键盘」。)   软键盘可以加入自定义的外接输入设备 您可以在软件里为外接键盘添加单独的介面,用户通过点击这个介面可以针对个别软件进行输入。   自定义的文字视图支持多种风格的文字,亦可提供高级编辑功能 您可以提供各种文字处理功能,亦可支持拼写检查和自动补完。  

ui设计师需要知道的东西

一切都是为了用户   用户是任何界面成功与否的裁决者。如果用户可以简单、高效、在直觉地引导下轻松完成任务,那我们所做的就成功了。所以我们在做设计的任何阶段都要把用户放在心里。   我们在设计之前最容易犯的错误就是把我们自己当成用户。和电脑工作本来就是一个很孤独的工作,它很容易让我们忘记每个人会用不同的方式去体验一个用户界面。凭借你设计的界面,用户可以成为一个完全的新手,也可以成为一个熟练的系统管理员。   想像用户喜欢什么,是很重要的。先塑造一个用户,包括他的姓名、年龄以及职业。然后问自己下面这几个问题:   ● 在什么情况下,用户会用到这个功能?在工作时?在家里?还是在 10 步之遥的电视前?   ● 以前他们用过类似的界面吗?   ● 他们使用电脑的能力如何?他们会复制、粘贴吗?会打开内容菜单吗?等。   当为一个界面添加新功能时,首先为主要控件(按钮、列表、文本框)画一个草图。然后模拟用户使用该功能方式。   当草拟你想象中的界面时,请设身处地地为用户想想。这时可以问自己以下几个问题:   ● 当他们想做X这件事时,他们可以怎么做?   ● 他们如何发现这个功能?   ● 接下来他们想要做什么?   ● 他们做X这件事的频率是怎样的?   ● 一旦X这件事失败了,可能会发生什么?   如此之类的问题。问问自己这些问题,考虑这些问题可以给你的设计带来哪些影响,并在设计中进行修改。   要具有创造性,但不要重新设计已存在的功能   我曾看见很多面试者仅为显示一些非常简单的数据而陷入到十分尴尬的设计圈套中。如果你有一组数据,使用列表显示它们就可以了。一般来说,熟悉 UI 知识是很有帮助的,因为他们已解决了很多设计难点。   你设计的界面要让用户快速、轻松地完成任务,否则就停止这个界面设计。不要添加一些无关紧要的功能,而负累整个用户界面。正如 Deiter Rams 名言“好的设计越简单越好”。这不仅适用于界面设计同样适用于产品设计。   如果你想快速、容易地判断出新加功能的简便性,仅需要数一下在这个界面上用户需要点击几下才能完成这个任务。如果用户必须要从鼠标转移到键盘上,转换一次记数为二。     何做准备   如果你曾经做过设计工作,并有团队协作经验,我们这欢迎你,你将会做得更好。如果你还没什么经验,下面几个方法可以帮助你提高设计技能:   ● 如果你仍在上学,建议多参加一些基于项目的课程。这样可以让你获得更多实际设计经验。   ● 要利用一切机会培养你的设计观念。不断地问自己:“如何才能设计得与众不同?如何才能把它设计得更好?”你问得自己越多,他们就越会变成一种无意识、自然的行为。不久你就会更加想了解日常生活中关于所有事情的设计。   ● 真正设计一些东西,并关注 UI。   ● 请人评论一下你的作品。让有设计经验的人看看你的设计作品,他们会指出你从未发现的问题。   ● 研读更多关于 UI/UX/HCI/infoviz 的书籍。现在有大量好的书箱和博客。像 Alan Cooper 的《About Face》 ,Stephen Few 的《Now You See It》和 Steve Krug 的《Don’t Make Me Think》值得阅读。

为什么要在网页设计中添加纹理设计

在网页设计中添加纹理超越了一个趋势 - 它现在是一个简单而有效的方式来增加网站的深度。挥舞权力的纹理是一个巨大的责任。它增加了网站的有效性和是设计师阿森纳的质量工具。它可以引导用户的眼球,并强调关键要素的重要性。 纹理与图案 之前我们得到深入到纹理,让图案和纹理之间的区别。经常使用这些词的同义语。模式通常是小的,重复的,平铺元素,而纹理往往是更大的不重复的图像。想象一个维恩图,左边的右边的纹理和图案,在中间几乎没有重叠。因此,一些纹理图案。平铺纹理上发现包的几个Tileables是 ​​很好的例子。 [ 注意:你已经预先订购我们的印刷复制粉碎书#3?这本书是关于如何重新设计网站的专业指导,而且还引入了一个全新的心态渐进式网页设计,在同行业中的专家为你写的,现在预购本书添加到你的名字!] 纹理中的作用 我们喜欢网络上的多种原因的质地。设计决策不应简单的基础上进行的,“哦,很好。看起来不错。“设计服务于一个目的,并决定每年约有质地应衡量利弊。让我们先从一些关键的好处。 有了一个号召拼抢注意 质感可以突出的元素,如标题,标题,图标和按钮。投篮动作和主标题的调用的眼睛。这也许是最清晰的方式,对纹理的趋势方兴未艾。 微创使用时,质地分开从其他网站的内容。它直接引导用户的眼球的元素。它可以是一个伟大的方式来分离的关键品牌元素。 以不同的方式,你可以抓住的关注,但两种常用的方法可以很容易地与品牌证明:一个干净的背景质感的标志,反对纹理背景干净的标志。 请注意如何对干净的背景加剧,POCO人民的垃圾标志。 文化解英国的品牌是相反的:纹理背景干净的标志。 加强信息体系结构 纹理可以用来引导眼睛。和线,包装盒和对比度一样,它可以用来分隔成逻辑分区的内容。它有效地与其他方法结合使用,是至关重要的。目标不放弃其他信息架构的方法,但以提高其效力。 通过设置纹理滑动旗帜,突出一个现代伊甸园内的内容。 请参阅如何使用纹理不违反最佳做法?高对比度和易读性是显而易见的,协同工作与纹理。 天空的导游服务完全分开与质感元素的含量。 以上,每个元素是单独针对特定用途的质感。天空的导游服务分为逻辑部分的内容,用户可以看到他们开始和结束。纹理增强创建逻辑的内容领域,帮助用户进程的信息准确的信息架构。 此外,质地完全适合该网站的风格和主题。所有的元素都是定制的,符合逻辑的主题,从而提高网站的整体信息。 建设的氛围,并加强身份 越来越多的客户希望网站设计,做更多的比在一个用户友好的方式显示其内容。他们希望提高自己的身份,使用户能够识别与品牌的网站。纹理可以用来实现在许多方面。 虽然质地上的丰硕德达,它是温柔的,从来没有过轴承。 deidre“德达”贝恩不正是她的个人品牌。她使用的纹理,有助于把一张脸 - 几乎从字面上 - 服务。没有纹理,该网站将是相当平淡,缺乏个性,它的创始人。与易读性和适当的信息架构,设计仍然是不错的,但这些额外的东西会丢失。 纹理添加到网页设计的“无形资产”:一个难忘的网站,哇因素和性感。 提示和一般建议 所有这一切都很好,很正常,但提炼一定的技术和思维模式的同时,你要避免常见的陷阱。 保持易读性 从不(ever!)质地牺牲可读性。我们中的许多人作出这样的错误,并会继续一段时间来。在网络上的可读性,是至高无上的重要性。如果用户甚至无法阅读该邮件,然后什么点组成,更不用说纹理它? 避免这样做是为了你的类型: 有时候,我们去有点过分。会发生什么,当你太兴奋质地,这海报。 不打死马 印刷,质地硬过头 - 根据流派,当然。然而,在网络上,质地可以是极其分散注意力时,使用“批量。” 上阻碍的网站,易读性丢失的菜单,和纹理分心。(观看自动播放音乐。)哎呀! 实践手段的改进 实验与设计。尝试新事物。适用于地方,你通常不会把它们的纹理。使用你之前从未使用过的纹理。你永远不知道什么,你会发现,直到您尝试它。 如果它没有用处,把它拿出来 缩小客户的网站上使用它之前,你的技术。始终确保您使用的纹理是基于一个合理的计划,将与您创建的任何网站的情况下。如果你不能证明,你作为一个进步的东西,把它拿出来。 有没有矫枉过正质地点。整个网络的目的是传播信息。你怎么能做到这一点,如果你的内容是不可读?此外,微妙和细微差别,是一种更好的方式来证明掌握一个主题。 考虑你正在努力实现的效果 当我们从经验中得知,与质地,是太容易。牢记你正在努力实现的最终效果是最好的方式避免这种情况。如果你想有一个微妙的纹理背景,只要做到这一点,然后移动到清单上的下一个项目。否则,你永远不会做。 收集资源,这样你就不必搜索后来 下载和存档,似乎对你有用的资源,可以节省大量的时间。保持您的文件组织是一个伟大的后备计划。相信我们:没有比这更令人沮丧的整个完美的刷包,而不是能够记住你发现它比。我们的画笔的名单很长的和多样化的。我们已经收集了多年如网站的刷子deviantART和Brusheezy,从各种设计博客免费搭乘部分,由我们自己。 学习面具 学习工作与图层蒙版将节省大量的时间,在长远来说,将是一个强有力的工具在您的阿森纳。口罩也是一个很好的方式,以非破坏性实验设计。很多伟大的教程,快速谷歌搜索我“了解在Photoshop图层蒙版。“

细数10大网页视觉设计错误 用户体验需重视

Tags:页面设计 UI设计 界面设计 交互设计 视觉设计 导语:在网络日益发达的今天,大家肯定都见过不少网站,但是大多数网站的设计都十分糟糕。这些设计糟糕的网站不仅在布局上问题多多,而且很不重视用户体验,致使网站流失大量用户。印尼专业设计师Albertus Adrianto近日在设计网站1stwebdesigner上撰文阐述了在网页视觉设计上常出现的10大错误。希望设计者们引以为诫:网站其实也是一个产品,也有它的用户体验,你意识到了这一点,你的网站才会推动你的宣传。 站长之家(CHINAZ.com)4月24日编译:相信大家上网都看到过很多网站,而且我敢保证你看到的布局糟糕的网站比优秀的多。这点我感同身受,设计和布局糟糕的网站实在是太多了。我再也不会去浏览这些网站,更别提把他们加入书签。为此,我会向大家分享一些在网页视觉设计上常犯的错误。 1.字体滥用 你还记得你访问网站时那些过于花俏且难以辨认的手写字体吗?网站的正文内容绝不要使用这类手写字体,否则访问者阅读文章非常吃力,要选用容易辨认的字体。 另外,一些设计人员在网站使用非标准字体。如果网站的访客只是对另类字体不了解的普通人,他们对此会产生疑惑:“为什么网站的字体这么小”。我就经历过这样的事情,当时我在网站使用非标准字体来提升文本清晰度,但可惜的是,这反倒引来了网友对网站的抱怨。其实,只要老老实实地用Arial、Helvetica、Verdana、Georgia或者Times New Roman这些字体就足够了,每个人的电脑都有这些字体。 2.海量文字,图片欠奉 如果一个网站只有密密麻麻的文字,总有一天会引起大家的厌烦,等他们哪天厌倦了你那些文字内容,就会立马掉头走人,再不会回来。你要搞清楚,这是互联网,不是程序开发秘籍。如果你拿不定注意该添加什么样的图片,那就去找与你文章标题相关的图片。你的网站千万不能只有文字,图片欠奉。 3.长文章不分段 即便你在文章中添加了合适的图片,也别忘记了给文章进行分段。如果你看的文章单词数在500以上,并且还没有分段,用户体验多半不会很好。为长文章分段可以方便大家更好地阅读网站内容。 4.切忌字体太小 你有遇到过访问网站时,要放大才能看清楚网站内容的吗?这样的用户体验太差了。要主体内容的能够清楚地阅读,它的字号至少要设为12pt。如果没达到这个值,我们得用放大镜才能看清楚。 5.过度使用Flash 从视觉角度来看,任何Falsh的使用都会为网站增色不少。但是可惜的是,Flash使用会加重网站负荷,造成网站载入速度较慢,直接引起新访客立马走人的几率更高。除非你万不得已,要不然就尽量减少Flash的使用吧。我个人非常不喜欢用Flash进行网站介绍,烦人不说,还浪费时间。 6.选用素色背景 大多数的优秀的网站使用素色背景来提升它的易读性。如果你认为五彩斑斓的背景会更好看,那你就大错特错了。这会让大家对你的文章感到厌烦,因为主体内容的文字颜色与背景颜色混在一起,根本看不清楚内容。尽量选用素色背景,图片放在没有文本内容的地方。 7.广告过多 我敢保证,当你看到一个网站充斥了各种各样的横幅广告以及google adsense广告时,你过不了多长时间就会离开。或者更糟糕的是,立马关掉网页,去另一个网站去了。广告决不能凌驾于内容之上,优秀的网站往往把广告放在合适的地方,这样也不会影响到网站的主要内容。 8.讨厌的弹窗 我一直很讨厌那种经常有弹窗的网站,并且还一直弹个不停。这真的很烦人。我是去找资料的,突如其来的弹窗浪费了我的时间。总之,我就是讨厌这些弹窗。 9.长文 长文需要花费你更多的时间,可有些人还是厌倦去看。一篇文章的长度最好控制在1000个单词,并插入一些图片,这要比纯文字内容更吸引人。另外,文字要简洁明了,可以说,大多人都是不喜欢长文章的。 10.超链接颜色不明显 在文字内容中,要让超链接文本的颜色与众不同。这有利于读者辨认出他们访问过的链接,不会再次点击同意的链接。(VIA:1stwebdesigner.com 编译:jasming)

合作客户每一次合作都是愉快的体验

403603683@qq.com

18980626172

404652714