当前位置:主页 > 平面设计

最新发布

网页设计中错误提示的五种设计方法
网页设计中错误提示的五种设计方法

每个系统软件在运行的过程中都会出错,可能是用户操作造成的也可能是系统错误。基于这两种情况,如何正确的提示错误信息就显得尤为重要,它直接决定了用户体验的好与坏。一个好的错误提示必备的3条重要法则:清晰地文本提示语放置在正确的位置良好的视觉设计清晰的文本信息1. 错误提示信息应该简明易懂提示信息应该明确的表明发生了什么错误、发生的原因以及解决方法。将你的错误提示信息看作是一次对话,跟用户说人话。确保你的文案是礼貌性的、易于理解的、友好的并且没有晦涩难懂的专业术语。

25 次浏览
详解网页交互设计如何赋予产品安全感
详解网页交互设计如何赋予产品安全感

互金产品交互设计有其特殊性,比如流程偏复杂、错误包容度低、迭代偏保守、信息层面限制多。互金平台投资三大要素收益、安全、流动性中安全应该排在首位,而设计的优劣会直接影响用户的安全感受。做互联网金融交互设计的这两年,也算是用过上百款竞品了。尤其是一开始做设计的时候,满世界的下载注册体验竞品,以至于我这两年的投资收益还是很可观的,哈哈!另外,当产品经理跟我提各种新需求时,听他讲完一遍基本就能知道当前需求的漏洞在哪里,还有哪些需要进一步确认的问题,就知道这个需求大概做成什么样,哪家产品这个功能做得好,哪家也刚更新了这个功能……互金产品交互设计有其特殊性,比如流程偏复杂、错误包容度低、迭代偏保守、信息层面限制多。互金平台投资三大要素收益、安全、流动性中安全应该排在首位,而设计的优劣会直接影响用户的安全感受。今天就来谈谈如何通过资金交易关键节点的设计来赋予产品安全感。先从最近投资的一家竞品的案例说起。一. 用户会在资金流动过程中遇到哪些问题?案例:在某平台购买了一笔定期产品。购买成功后出现下图的第一个页面:页面显示认购成功,但是具体起息日待定,待整个项目投满后的下一天起息。那么,什么时候项目才能募集满呢?不知道。可以想象这样的提示会给用户带来多大的疑虑。在“我的账户”页面(中间的页面),2天内这笔钱一直在“当前资产价值”里面,没有显示在认购项目中。用户一定会有疑虑,因为用户不清楚该笔资金什么时候才算投资到项目中开始生息,如果用户当时在投资成功时没有看到那一行“预计计息日项目投满日+1”的灰字,根本查不到关于该笔资产的认购详情,甚至怀疑自己有没有做过投资的操作。在这个过程中,用户对自己的资金完全没有掌控感,对未来要发生的有疑虑,甚至产生恐惧。再看第三个页面,产品生息过程中,待回款项目中显示“遇节假日,顺延还款”,可是当时支付成功的页面(第一页)明明高亮显示的是“遇节假日正常还款”。这样严重的错误是致命的,文案提示的一致性、产品规则的明确统一,都是用户体验非常重要的一部分,交互设计师的工作绝不仅仅是考虑文案显示应该如何高亮显眼。

17 次浏览
7个设计技巧快速搞定网页设计的首图设计
7个设计技巧快速搞定网页设计的首图设计

网页首屏的重要性是不言而喻的,用户打开网页的第一眼看到的就是首屏中的信息,它是网页的门面,颜值担当,也是给予用户第一印象的核心部分,也是品牌形象呈现的窗口。值得一提的是,网页首页的首屏当然是要好好设计的,而其他页面的首屏也不能忽略,毕竟相当一部分的用户并不是从首页入口进入你的网页的。今天分享一下首屏设计的7个技巧,它们并不复杂,却能帮你的首图设计更上一层楼。1、使用惊艳的图片相当一部分的网页首屏是使用图片作为视觉传达的主体,而无论是选择图片、视频、动画还是其他的视觉化的元素,每个Banner或者说带有标题的内容区块最好是带有漂亮、惊艳的视觉化元素作为支撑。当然,最常用的还是图片。首图在首屏中的重要性无疑是巨大的,它不仅要漂亮,还要同网站内容深入地结合搭配起来。所以,它的设计还可以更加深入一些。单独的图片表现力是有限的,通过排版设计,将它同其他的元素结合起来使用会有不错的效果:·文字与标题·LOGO 和品牌标识

12 次浏览
网页设计中手工绘制的图标和元素的方法
网页设计中手工绘制的图标和元素的方法

尽管在日常的设计工作中,网页设计师们经常更关注于拥有近乎完美像素的设计元素,但有时候,它们并不适合所有类型的设计,有时你或许想要更多,有点偏向真实的元素。手工绘制的图标或元素可能正是你要寻找的适合的、正确的设计元素,可以帮助为你的项目增添一些特别的视觉元素。大多数设计师不会疯狂地使用看似手绘的元素(这是正确的),但在你的网站设计中使用一些看似手绘的元素会增加用户的个人感受。这在网页设计中也很流行。从草绘风格的图标,到具有同等可用性和艺术性的完整的手绘元素,这是一个正在流行的设计选项。今天,我们将来探讨一下以下8种方法来使用这一趋势。1.创建分离手绘设计元素可以和几乎任何类型的视觉表现形式混合搭配,它们可以与照片或视频一起工作,独立应用于空白的空间中,或者在文本元素附近。不要因为你担心它可能不适合于整体的设计模式而消除使用这种类型的元素的想法。尝试一下,谁真的知道呢?Digital Visitor在其网站设计中使用这些元素来创建元素和内容之间的分隔。尽管主页上的元素只是简单的点和线的组合,但手绘的元素永远可以给页面增添一丝活力与个性。每个元素的放置都是为了确保用户能够查看正确的内容。在上面的例子中,元素位于屏幕的中心,用于创建两个内容区域之间的分隔。在设计中,类似的元素被用在小文本框上,以展示公司的实际业务。2.互动的涂鸦

19 次浏览
详细解析QQ导航改版设计心得分享
详细解析QQ导航改版设计心得分享

顽皮熊:在切入设计正文前先来看一组08年的搞笑图片,对比了日本的NHK,TBS,朝日等电视台与东京电视台同一时段播出节目的差别:新泻发生六级强震,只有他们还在播料理节目九州大地震,他们的画面上打出的字幕拼成日文为”太好了!”的意思。。。比起小泉纯一郎参拜靖国神社,金目鲷更为重要发生歹徒挟持人质事件,只有他们还在播动画。而且正好是挟持人质的剧情!

23 次浏览
教你如何从零开始成为优秀交互设计师
教你如何从零开始成为优秀交互设计师

本文全系列满满干货,是从众多交互设计前辈们分享的宝贵经验里挑选出的最实用的方法,不仅能让你彻底了解交互设计,还能帮有志在这个领域发展,却苦于没有老师的童鞋,从零开始学习成为一名优秀的交互设计师。在校大学生、想转行的设计师还能在这儿得到前辈的实用建议,想进阶的交互也有职场系列经验分享,文末还有超赞的资源奉献,干货量大,推荐童鞋们收藏 :)一、什么是交互?超星网产品总监@张淼程 :交互这个说法来自于国外,交互的名词形式是interaction,形容词是interactive,交互设计的英文则是 Interaction Design。问题是到底什么是交互?这里不给任何学院派高深的解释。在我看来”交互”其实很简单。“你来我往”谓之”交互”;这里的”你来”指的是”输入(input)”,”我往”是”反馈(feedback)或输出(output)”。如果只有”你来”没有”我往”就不能称之为交互。你点一下鼠标,电脑屏幕马上告诉你”你二姑的菜就被你偷了2棵”——”点鼠标”是”你来”,电脑的那个提示是电脑给你回馈的”我往”。

14 次浏览
解析如何设计好看有好卖的企业官网
解析如何设计好看有好卖的企业官网

在谈到企业产品的营销时(本文中提到的“企业产品”是指“给企业客户使用的软件/应用”),一种观点认为客户肯定是靠线下推广来获取的,另一种观点认为应该让用户主动购买而不是被动推销,持这种观点的公司尤其重视通过产品官网来获客。无论持哪种观点,不可否认的是官网是客户对你产品的第一印象,很多潜在客户在购买之前都是先通过官网来了解产品的。然而很多公司在产品官网设计这件事上投入的精力还不及线下推广的万分之一,有的只把官网当作摆设,粗制滥造套个模板结束,甚至还忽略了移动端适配。作为企业产品的设计师,我们要如何设计好看又好卖的产品官网,有没有一些套路可循?企业产品官网的作用是传达信息和促进转化。传达信息是告诉访客这款产品是什么/能为你公司做什么/为什么值得我购买,再配合一些增强说服力的手段来促进转化——将尽量多的访客(潜在客户)转化为注册用户并最终完成购买。按照用户浏览网站的顺序,有以下5大设计要点:善用首屏大图吸引视线销售主张明确传达产品价值合理的导航方便访客获取信息无处不在的CTA推动转化客户案例增强信任感一. 善用首屏大图吸引视线首屏大图占据了官网最宝贵的第一屏,它决定了访客对官网的第一印象。首屏大图可以辅助产品Slogan来有效传达产品价值,同时还会影响到官网整体的气质。常见的首屏大图有以下5种表现形式:

16 次浏览
如何快速的设计出城市指南网站着陆页
如何快速的设计出城市指南网站着陆页

有人说,世界是一本书,不愿远行的人只能读到其中的一页。的确,旅行是我们生命中最有意义的几件事之一,其间我们有机会看见新的风景,遭遇新的事情,结实新的朋友,获得珍贵的人生经历。更重要的是,一次愉悦的旅行能够为生活注入能量,获得非同凡响的灵感。今天,旅行比起过去更加方便,其中网络也扮演了极其重要的角色。互联网将不同国家和地区的各种信息散步在整个网络的每一个角落,当你准备出行的时候,只需要稍加搜集就能制定出一个不错的旅行方案。和许多设计师一样,来自 Tubik Studio 的设计师 Tania Bashkatova 也热衷于穿梭于不同的城市,体验不同的风情,享受不一样的生活。也正是因此,她对于如何将城市的风情和自然的体验结合起来呈现给用户,有自己独到的想法。而这也促成了今天咱们要聊的“城市指南”(Big City Guide)网站这一概念设计案例研究。任务设计“城市指南”的着陆页,包含其中主要的UI界面,确保新用户引导流程中的整个用户体验足够优秀,引导用户了解它的基本功能。设计过程“城市指南”(BCG)是Tubik Studio 的 UI星期五活动中的首个项目,想必在Dribbble 上关注了Tubik Studio 的朋友们都知道我们的这一传统活动。设计是在 UI 星期五 活动中将会有一整天的时间来创建一个特定的概念设计项目,这个项目会有特定的要求,同时设计师也可以自由地将自己的想法和激情融入其中。而这次的活动当中,概念设计项目所包含的任务,是让设计师整合资源设计出一套着陆页,为用户提供全世界各地的主要城市的信息。在着陆页设计中,设计师通常能够更好地将背景图片的信息呈现能力凸显出来。而Tania 打算为每个城市挑选一张足以传达情绪和氛围的照片,并围绕它来做整个视觉设计。所以,最终她选取的解决方案是在着陆页展示3个城市,以横向滚动轮播图的形式展现,并挑选一套动效来强化展示效果和体验。Tania 选取了三个著名的国家首都,而接下来她要考虑的是如何将这三个风格不同的城市统一到一套视觉设计中来。城市指南所展示的第一个城市是柏林。这个城市有许多值得一看的景点,这也使得图片的挑选工作量更大了。为了呈现出对的感觉,Tania 最后挑了两张图片作为备选。

17 次浏览
24个设计师容易忽略的APP设计细节
24个设计师容易忽略的APP设计细节

随着移动优先的趋势,APP的设计也越来越受到公司重视,不断地提高APP的设计质量是每个设计师的追求,有哪些设计中的细节被你忽略了呢?让我们一起来看看这些细节你都把握住了吗。视觉表现型问题1. 统一的图标设计风格图标设计在整个APP设计中是比重较大的板块之一,图标设计风格有:线性图标、填充图标、面型图标、扁平图标、手绘风格图标和拟物图标等。无论我们选择何种表现形式的图标都请保持统一性,相同的模块采用一种风格的表现形式,如果是线性图标就保持一致的描边数值。图标在配色上面也要保持有规律的统一,采用相同颜色是比较常用的配色方式。如果你采用不同色相的配色方式,要保持整体的配色协调,不要出现饱和度、明度反差过大的配色而影响整体的视觉协调。2. 图标大小的视觉平衡同一个界面出现多个图标时,我们需要保持整体的视觉平衡。并非是所有图标都采用相同的尺寸就能达到平衡,由于图标的体量不同,相同尺寸下不同体量的图标视觉平衡也不相同,例如相同尺寸的正方形会比圆形显得大。因此,我们需要根据图标的体量对其大小做出相应的调整。

20 次浏览
网页设计师必须要知道的10项技能分析
网页设计师必须要知道的10项技能分析

关于设计,有一些技能或者技巧,你只需要知道就可以了。不过,如果在设计中你更了解他们,几乎不需要思考,你就能做到。当涉及到网页设计时,许多技能和趋势会随着时间的推移而改变或发展,不过,你还是应该在你的潜意识中储藏一些基本的技能。即使你不是一个专业的“网页设计师”,熟悉这些技能也能够帮助你咋工作中更得心应手或帮助你获得一些技能优势。你已经“储藏”了多少了呢?今天,让我们来深入了解一下你应该做些什么。1.用HTML和CSS编写代码无论你是否是一个专业的开发者,每个人都应该了解网站设计背后最基本的语言。你需要了解如何阅读、编辑和排除基本的HTML(根据你的实际工作,你可能需要了解更多)。在任何情况下,你都应该能够在HTML代码中精确地找到类似加粗、字体、颜色或大小的任何设置,而不需要思考。你应该能够轻松地在CSS中替换样式,这些技能很容易学习,而且从长远来看,会对你很有好处。2.学会编辑照片在任何设计领域,你都有可能花上一整天时间在处理图像上。所以你需要知道如何操作它们才有意义。从基本裁剪尺寸到最细致的“清理”,你应该能够轻松地使用和编辑照片。最低限度,你应该对裁剪和基础的调整,以及一些图像质量的调整有所了解。3.学习打印设计项目

16 次浏览
共计26043条记录 上一页 1.. 2481 2482 2483 2484 2485 2486 2487 ..2605 下一页