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

最新发布

通过实例帮你学会讲述重设计作品的思路
通过实例帮你学会讲述重设计作品的思路

新人设计师求职时经常苦于项目经验匮乏,但如果你学会讲述自己的重设计思路,成功率肯定能提高很多。今天这个实战案例就为你全面展现了,如何讲好一个重设计作品?欢迎关注作者:众安ZED原创 微信号:zhongan_zed  原文地址:点我进入9月至11月,众安AppV2.2及小版本迭代陆续上线,首页、发现、我的和很多主要页面全新改版,为用户提供了全新的体验。新版本在流程、功能、界面上都进行了极大优化。需求背景​众安作为第一家互联网保险公司,产品分布于各个互联网平台,如微信、网站、合作平台等,而App作为众安独立的平台之一,想象和发挥的空间更大,因此也承载了更高的目标。这次改版的原因主要有以下几点:1. 设计体验不统一由于产品模块多,接手的人多,且没有规范进行统一,整个app的体验相差很大。在设计上,我们需要从交互和视觉层面做到统一化、规范化。2. 视觉风格过时版本的视觉形象混乱,设计语言陈旧。这次改版希望重新定义视觉风格,打造全新的视觉设计系统。

9 次浏览
详解超级全面的字体基础知识教程
详解超级全面的字体基础知识教程

本篇文章将介绍一些关于字体的基础知识,主要会介绍一些常见术语的含义还有英文、中文字体常见的分类方式,另外简单介绍一下各平台下字体渲染的相关的问题,还有标点使用和排版规范。字形和字体不得不说 Font 与 Typeface 即是在英文中也有很多混用的地方,很难分清,现在通常被翻译为“字体”的 Font 在传统印刷界是指特定尺寸、特定字重、字偶间距等信息的一种 Typeface,比如 “尺寸14pt,字重为 Bold 的 Helvetica ” 就是一个 Font,而这里的 Helvetica 就是它的 Typeface 。不过现在 Font 的所指定的通常不再包括尺寸了,因为与铸模的时代不同了,数字字体尺寸可以很轻易地改变。Typeface 的另一个称呼是 Font family(字族),这个词实际上比 Typeface 更好理解且不容易混淆,能很明显的表达出 Font 是 Font family 的子集的意思,所以在 HTML & CSS 的标准中使用的是 Font family(字族)。简单来说 “Helvetica” 是一个 Typeface ,而指定具体的字重: “Helvetica Bold” ,这就是 Font 了。还有一个概念是 Glyph ,它表示的是字的某种写法或者说字体的“骨骼”,比如字母 a 和 � 就是 Glyph 不同,� – 泪、� – 强也是 Glyph 的不同。而 Font 、Typeface 和 Glyph 在中文里的翻译就乱七八糟了,按照国家标准(GB/T 16964)应该是:然而,在实际使用上字体和字型混乱不堪,常常把 Font 称为字体,而字型和字形更是常常搞反。常用民间称法是把 Font 称为字体, 不用 Typeface 而是使用 Font family 即字体族,再把 Glyph 称为字形或字型。这种称法实际上比标准翻译更加流行。罗马体与意大利体Roman 指的就是衬线体,这个称呼是因为衬线的起源于罗马时期的碑刻。由于通常都把衬线体作为正文字体,所以很多场合下,Roman 就变成了正文字体的代名词。

24 次浏览
9个设计要素技巧制作出完美的搜索框
9个设计要素技巧制作出完美的搜索框

搜索框是我们最常用到的UI控件之一,它几乎存在于所有的网站和APP当中。许多人认为搜索框不需要设计,因为它似乎就是由两个最简单的元素构成的。在以内容为导向的网站中,搜索框的重要性会相对更明显,用户需要快速又无痛地找到他们想要的内容。而对于设计相对负责的网站而言,这个需求尤其明显。搜索框的可用性设计,是整个设计的关键。今天的文章我们来聊聊搜索框的设计,如何让用户尽量节省时间,搜到他们想要的内容。1、使用放大镜图标时至今日,搜索的概念和放大镜图标之间的关系已经深入人心,根深蒂固了。在日常最常用、最易于识别的几个图标当中,放大镜所带代表的搜索图标就是其中之一。即使在没有文本标签标识的情况下,用户也能轻松地识别图标的含义。小贴士:使用最简略直观的放大镜图标,细节越少,越容易识别。2、显眼的搜索输入框如果搜索是你的网站或者APP的重要功能的话,你应当让搜索框足够显眼,这样的能设计让用户最快发现它的存在。

14 次浏览
详解那些颜色在设计中应该避免使用
详解那些颜色在设计中应该避免使用

网络为我们的网站建设工作提供了各种各样的颜色选择。对于迅速抓住用户注意力来说,颜色是一个极好的工具,它能够为视觉提供兴趣点和制造影响,并通过创造对比度来增强页面信息的可读性。颜色也是许多设计趋势的中心,包括平面和材料风格。想想,你是否曾有用错颜色的时候?有什么色调或色彩组合,你应该在网站设计之初就应该避开?一句话...有的!今天我们看看在网站建设和App设计及开发时应该避免的颜色或颜色组合。如果你已经犯了其中一个错误,我们也会提供其他建议。1.霓虹灯效果(霓虹色)霓虹色也许能创造更有趣、扭曲的个性元素,它可以在网页设计的色彩应用中添加很多的流行色或元素。 不幸的是,对于用户的眼睛来说,这简直就是一场“灾难”,这种颜色应用会给用户一种“泪流满面”的感觉,因为所有的一切都在伤害他们的视觉。霓虹色的主要问题在于,它们太亮导致不容易阅读,并导致配对的背景往往不是太暗就是太浅的问题。当与文本一起使用时,霓虹色目前的可读性问题主要在于背景,因为文字几乎渗入到背景之中无法辨识。霓虹色需要搭配的背景通常过于抢眼,分散了设计中的主要信息。尝试这样做:从霓虹色的颜色中去除一些亮度,使它们在屏幕上有一个更暗,更微妙的外观。Orange You Glad网站在很多部分“几乎”将霓虹色融入到他们主页的设计中。这种主题的共同点在于,他们将霓虹色用于较小的元素并使用微妙的颜色变化,使粉红色,黄色和绿色这些更容易被视觉接受的色系。2.“振动”色

9 次浏览
60组包装案例教你轻松搞定包装设计
60组包装案例教你轻松搞定包装设计

市场上的产品琳琅满目、数不胜数,因此包装设计重要地位一直以来都是不可撼动的。现在让我们一起看看一些在售产品绝妙的包装设计作品。包装在我们日常生活中随处可见,因此要设计出多年经久不衰的包装的确是巨大的挑战,尤其是如今工业设计的潮流要求包装具备可降解和可再生的特性。今天的包装设计比以往任何时候都来得更重要。以下的这些设计展现了未来几年各个产业在包装设计方面的大致走向。01. CS light bulbs这些盒子设计巧妙地将灯泡和昆虫形象合为一体。日常产品如灯泡的包装设计通常追求实用性,但是来自白俄罗斯的电子公司CS设计的这些精美的盒子使产品本身成为包装设计中一个重要的部分。由Angelina Pischikova和插画师Anna Orlovskaya绘制插画的这些精彩作品加入了昆虫的细节,不同的灯泡根据本身的形状尺寸与特定的昆虫形象做结合。瘦长的灯泡装入绘有蜻蜓的盒子,螺旋状的节能灯则成为大黄蜂的腹部。02. Leafs by Snoop

22 次浏览
5个小提示帮你正确选择强调性文字字体
5个小提示帮你正确选择强调性文字字体

对于网页设计来说,最大的趋势之一就是在页面顶部放置一张超级醒目的Banner主视觉图或视频,然后通过用几个文字作为辅助来向用户展示近期网站的最新消息或主推信息,以此来指引用户再进一步的浏览网站。不过这种设计在给用户带来美感和满足的同时,也给网站设计师带来了不小的压力,他们必须想出正确的字体来烘托整个场景,以此推动整体设计。尽管现如今有了这么多的字体可供选择,但是这恰恰也成了干扰设计师的一个阻碍,使得任务更加艰巨。 不过不用过于当心,相信你可以通过有目的的规划加上一点点运气找到一个刚好能匹配你的设计的字体。 通过一些成功使用文字排版的例子,我们将在下面的文章中提供5个小提示,希望在网页设计上能够给你带来灵感。用于大字号的字体到底是什么?在我们进入的本条提示之前,你愿意谈谈你对修饰文字的认识或看法吗?顾名思义,用于大字号的字体往往是大的,醒目的字体,他们最常被使用的位置在标题或者是那些在设计中需要被强调的位置。它不是网页设计的“专利”,也是打印设备使用的术语。用于大字号的字体在网页设计上主要有两种形式:· 作为主页上的标题,如Walk West(上图);· 在整个网站设计中,每一页的主标题或标题。虽然通常不会像主页上的主标题那样大或者吸引人,但是它却可以成为每个独立页面的共同元素,这也是我们经常强调的,尽量要保持元素的统一性,一致性。1.它必须具有可读性

18 次浏览
20个设计师应了解的文字排版准则
20个设计师应了解的文字排版准则

文字排版设计是平面设计中最重要也是最能打动人心的设计要素之一。无论你的设计水平处于哪个阶段,文字排版准则对于提升你的设计能力都非常有帮助。试着了解字体设计相关的资料,例如一个特定字体的起源或者是一个字体的结构,因为这样做可以扩大你的知识面。当你真正掌握了字体排版的方法,你的潜在客户会对你更加钦佩。当然,作为一名设计师,了解字体排版设计的来龙去脉也是职责所在。一旦你掌握了其中的方法,对于字体排版简直轻而易举。同所有的技能或职业一样,对于文字排版,你需要学习特定的规则和指南,才能充分提升和扩展你的技能。这里有20个关于排版的经验,是排版艺术的重要原则。1.学习基础知识第一步,学习文本排版更有效的方式是掌握排版艺术的本质。如果你是排版设计的新手,可能认为字体排版就是简单的练习就可以了。事实上,排版设计是很复杂的技能,因为它是艺术与科学的结合。一个文本排版设计作品由特定的元素组成,经过精确的测量,同时需要考虑并采用设计规范进行设计。就像不同的设计形式,只有你完全掌握之后才能打破现有的规则。同时只有你确定表达了排版设计中的重要意义,排版的形式才会被用户接受。为了能够更好的掌握排版设计的基本技巧,你需要多学习多了解排版设计艺术。2. 注意字体表达的含义字体的选择并不是一个随机过程。仅仅通过搜索你的字库选择喜欢的字体,很少能得到一个满意的结果。这是因为用户的心理更倾向于有特定意义的字体样式。

21 次浏览
网页设计师必须要学习的视觉设计手册
网页设计师必须要学习的视觉设计手册

这篇文章总结的18条网页设计技巧,多是新手设计师容易犯的细节错误,每条技巧都有案例有对比,简单易懂全干货。

39 次浏览
用户体验设计角度提升产品的安全感
用户体验设计角度提升产品的安全感

今年春节期间支付宝发生了一次支付安全风波,这让我们再次意识到安全对于支付、金融类产品而言就是生命线。但有时候产品安全并不等于用户就有了安全感,本文探讨了对于支付类产品而言,哪些方面因素影响了用户安全感的形成,并从设计角度出发,期望在安全感的提升上做出一些总结。在这里抛砖引玉,期望能和更多对这个问题感兴趣的小伙伴一起探讨。一. 什么是产品的安全感?产品安全感指产品可以让用户信任的能力,一个可以让用户信任的产品,才能在用户信息获取、产品目标实现上成为可能。对支付工具或金融类产品而言,安全需求更是用户最核心的诉求。最近支付宝1月10日被曝光的“非密码登录模式下可能出现的账户安全风险”的风波,虽然支付宝并没有因为所谓的“漏洞”造成用户的资金损失,但造成了用户的强烈不安,导致大量用户解绑银行卡。安全感是建立在客观安全基础之上的一种主观感受,没有强大的技术支持、缜密的安全策略保障,安全感无从谈起,但并不是有了好的技术和缜密的安全策略用户就有了安全感。支付宝的账户安全风波发生后蚂蚁金服负责人在知乎上回应称:“安全不等于安全感。数据上显示这样找回登录密码的方式是安全的,我们就以为够了,但没有想到,这种方式其实是让不少用户没有安全感的。安全但没安全感,也会出大事。”安全感的塑造像用户体验一样需要所有岗位都有强烈意识和努力才能实现,它对用户来说是需要慢慢积累的。下图对影响支付产品安全感的因素进行了概括,本文主要想讨论在用户主观感受上设计师可以做哪些工作,技术或安全策略本身存在问题(支付宝此次风波就属于这类)对用户安全感形成的影响,本文暂不涉及。二. 安全感来自可预期、可控制的使用体验用户对产品有掌控感、操作符合预期时,才可能获取安全感。未知带来恐惧,当人对事情缺少了解,就会产生慌乱、犹疑。2.1 利用过往的经验,设计支付流程如何能让支付操作流程符合用户预期?有预期意味着用户希望当前的操作反馈符合过去的经验。在进行线上产品设计时,不妨参考用户线下消费场景。以在餐厅消费为例,我们去餐厅就餐结账时,通常流程是:

20 次浏览
设计师解读图文叠加的四种常用技法
设计师解读图文叠加的四种常用技法

设计当中有很多的表现技法,有些表现技法应用起来比较复杂,并且耗费的工时也很长,有些表现手法则很轻松的就可以实现,比如说图文叠加,你也可以理解成图叠字。 这种表现技巧需要注意的是什么?应该怎么做?今天这篇高质量的教程呈现给大家。教程来自于优设,原文地址:点我进入

8 次浏览
共计26043条记录 上一页 1.. 2349 2350 2351 2352 2353 2354 2355 ..2605 下一页