web设计经验<五>国外设计师总结的7个找灵感实用方法

每个设计师不时会有创意灵感缺失、大脑一片空白的状态。盯着一个空白的屏幕,发愁着“好吧,我现在该做什么呢?该怎么做呢?”有些人喜欢静待,但这不是唯一的一个方法。焦虑的客户或者是你自己的不耐烦,都会让你无比头痛, 所以我们分享七个积极有效的方法来解决你设计时遇到的灵感枯竭。 这些都是在我们实际工作中总结的,我们认为它们也会对你的设计工作有所帮助。

1. 不要停止设计,即使它不完美

最大的区别在于没有好的想法和没有任何想法。有趣的是,如果你有更多不好的想法,那么更多的压力会迫使你想出好的方案来。在没有想法的情况下,最好的解决方法就是去想更多不合适的想法,从而在这些想法里提炼出好的方案。

尝试着去做一个不好的设计,你也许会发现,行动胜于空谈。

首先,动起手来,许多设计师只是盯着一个空白的屏幕,然而做一个糟糕的设计比不做强。在更深的层次上来说,做一个不完美的设计,能使你想一些与项目有关的问题;换个角度来看,如果你能找出这个设计里的缺陷、错误,给它们一个注释一个标签,并找出好的地方和好的解决方案,这种富有成效的方法会让你去思考怎么解决它们、提炼它们。

图片来源: Lings Cars

对于一些追求细节的人(比如强迫症、处女座)来说,故意去完成一个拙劣的设计会让他们浑身难受,所以这里还有另外一个相近的办法。可以尝试意识流的创作,思想没有任何束缚,同样能达到故意出错的效果。不过不要忘记了你的作品是要让人看得懂的。

这个设计过程要求建立在尽可能少的构思基础上。基于你的直觉和构思速度,按照上面的方法,不要担心设计会很糟糕。设置时间限制(如15分钟),首先设计出浮现在你脑海里的想法,紧接着立即做出下一个,等等,尽可能少的去判断。唯一糟糕的做法是犹豫不觉。从理论上讲,这能让你接触到你的潜意识——绕过的压力和恐惧,这样你就可以找到你设计的初衷是什么。

2. 重构现有的网站

这一方法的逻辑是有意义的。首先,锻炼你的设计思维,这是比空盯着屏幕更好的学习方式。

当你去重建一个现有的网站,去解构这个网站值得你去学习的地方,分析它值得你学习的原因,并且质疑设计师为什么这样做,这样往往会反映出一些通常会被你忽视的细节。

除此之外,做越多的网站重建工作,会让你注意到更多的网页设计模式。剥离网站的装饰性素材使其裸露结构,你会开始注意到,设计师都偏向于做类似的设计方法, 你很快就会发现为什么了。

图片来源:UXPin via Yelp

这个方法是我们都深有体会的一项经验。首席执行官Marcin Treder做了个用户测试,并研究如何改进工作区,使用UXPin(设计实验利器)从头开始重建Yelp。在项目允许的条件下,或者我们不得不检查先前存在的那些元素以及他们为什么要这样做。这个完美的测试检验了我们这个设计理论,并让我们更有信心了。

重建现有的网站,不但可以开阔你的设计思维并且可以使你产生兴奋,去用实践来证明你的想法吧。这是一个有用的方法,当你没有思路时,它可能会给你一线生机。

这就是UXPin界面

3. 退一步看

这个建议可以用在两个地方:你创作过程中或你即将完成这个项目的时候。但如果同时应用反倒会使你陷入泥沼,因为那样的做法无异于为了一棵树木而放弃整片森林。

首先,你可以停止专注于设计细节,重新审视大局。如果你纠结于一个细节,也许反观你的总体方案后,你会看到,这件事情对作品是最终没有必要的。

有时我们被显著细节阻断的原因是因为他们并不需要摆在首位。

图片来源: UXPin

第二,你可以缩小实际的角度来看看版面样式。这有助于更整体地来的帮你判断页面版式是不是合理。缩放显示后看所有元素是如何协同工作的,给你一种以新方式看待事物的机会。

4. 先从容易的地方入手

我们工作通常习惯由顶部开始,但是设计往往是要打破习惯的。屏幕的顶部通常是最困难的部分,因为这是给用户的第一印象,主屏幕是非常重要的,主屏幕非常重要的,主屏幕非常重要的(重要的事情说三遍),它通常是整个网站的信息架构和导航。

说到困难的事情可能会让人们望而生畏,那么把最简单的部分先做出来就当是热身了。虽然你最终还是必须处理这些艰难的事情,但如果你在你的待办事项列表先划掉一些事项的话,会感觉到更少的压力。

图片来源: Wunderlist

另外,正如我们一直提到的,任何工作总比没做强,星星之火可以燎原,有时只是担忧便足以耗尽你开始一个新项目的激情。

5. 使用模糊测试

Lee Munroe在他的博客上描述到,我希望我们能够采取模糊测试。如果你坚持一个网页进行到中途而又不知道该怎么做时,模糊测试就是一个很好的办法。

观察你所做的网页模型,重新审视你的布局,从而发现不合理的地方。

图片来源: UXPin via Lee Munroe

模糊效果可以通过使用Photoshop做5 – 10像素的高斯模糊滤镜,这时候你可能会发现你花了太多时间去拼凑这些然并卵的元素,所以重新审视之后你会发现这和你之前的想法很大的不同。

模糊的版本将会揭示你视觉层次真实的一面。无论你的视角落在这个模糊测试的什么地方,都可能是用户第一时间看到的最突出的位置。

6. 尝试新的工具

尝试新的软件或升级你的软件。兴奋的升级过程和集中学习一个新系统,可能会激发出关于如何解决你问题的灵感。

每当你使用新软件,这两个问题都会相伴发生的。

首先,你必须重新学习如何应用你的旧技术去使用新系统。然后重新评估这些技术,或者从中发散思维;其次,你将认识到新软件一些新的特性。新工具新功能,或许尝试新的工具箱都能解决你的问题呢。

图片来源: UXPin通过 SketchApp

例如Sketch这个软件,它主要是针对以网页设计而出的,而不是广泛的Photoshop图像编辑。一些设计师们发现,调整复杂形状和实时多屏视图的功能可以促进基于设计的思考。

即使新软件是无用的,你仍然可能会获得一个你还是喜欢旧软件的新感觉。找到你丢失的东西成许是最有可能打破封锁的关键。

7. 从外部找灵感

灵感会稍纵即逝但却不会被掩盖。如果你不知道去哪里看,我们将在最后列出一些旨在帮助设计人员解决他们问题的网站,包括设计师遇到的困扰,看看其他设计师不同的想法、注释以及他们发的一些精彩的作品,看看你能不能从中得到任何有关的好灵感。

Dribbble

一个面向创作家、艺术工作者、设计师等创意类作品的人群,提供作品在线服务,供网友在线查看已经完成的作品或者正在创作的作品的交流网站。主要让设计师们欣赏和点评。

图片来源: Dribbble

ZURB PatternTap

和Dribbble相像,但Patterntap更倾向于设计师分享一些行之有效的方法和一些令人生羡的UI模板。

图片来源:ZURB PatternTap

UI Patterns

一个以UI模板为主的最好的模板库。如果你有一个共同的问题,其他设计师在这之前发现了并做出了一些解决方案,那么你就可以从中得到灵感,然后开始学以致用。

图片来源:UI Patterns

Capptivate

另一个模板库,这是正宗的iOS动画库。

图片来源:Capptivate

Use Your Interface

专门做交互和转换的模板库,用动态gif图来说明每一个动作。

图片来源:Use Your Interface

总结

记住,如果你出现创意灵感缺失,大脑一片空白的状态,并不是只有你一人,其实我想说你不是一个人,不是一个人,不是一个人(重要的事说三遍),它就像疾病一样,是每个设计师都会遇到的状况。除了上面说的这些方式,你还可以试试传统的方法来补救:运动,充足的睡眠,健康的饮食,和做一些俏皮的娱乐活动。如果你感到很焦虑,做一下深呼吸。欲速者不达,越急越解决不了问题。

原文:http://www.rankingex.com/nd.jsp?id=888&_np=541_891

时间: 2024-10-14 06:42:46

web设计经验<五>国外设计师总结的7个找灵感实用方法的相关文章

web设计经验&lt;一&gt; 提升移动设备响应式设计的8个建议

第一篇: 提升移动设备响应式设计的8个建议 一.直观性和易用性 在使用移动设备时,对于杂乱.复杂或者不直观的设计造成的混乱不佳的用户体验一般用户是没什么耐心的,这对于双方来说都不是好事.设计师和开发人员一定要牢记,在移动web环境中,动力是一个很关键的因素,漫长的响应时间加上杂乱的界面再加上不给力的移动设备(虽然最新的移动设备一般都很给力,但是如果在同时运行着10个游戏外加开着聊天软件另外网速也不好的情况下呢)就无法保证达到“一般性”的web体验,因此直观性具有很重要的作用. 直观不代表空白.丑

web设计经验&lt;六&gt;令网站看起来不专业的10个设计误区

不管你是不是一个羽翼未丰企业的领导,专业的网站能为你带来的东西比你想象的多很多.退一万步来说,“考虑到我们是一个小厂”,粗糙的网站也许能被用户理解,但是不一定能接受.每天大家所浏览的大量的网站,已经从头到脚为用户灌输了“一个正常的/好的网站应该是什么样子”的概念. 再进一步.不够好的网站会让用户分心,犹豫,纠结.大家相信大品牌,或者说看起来够专业的网站.如果你所提供的网站无法在几分钟内吸引到他们,就算是失败.用户怎么会在这种情况下突然开始信任你呢? 总而言之,尽量做专业的设计,打磨好每一个微小的

web设计经验&lt;八&gt;20个设计新手常犯的排版设计误区

很多同学问设哥,为什么别人字体就那么随意放一下就辣么好看,其实排版可有大学问,不是随意放就好看.这就如同配色一样,也有千变万化的学问.相信大家看完Designschool这篇头条热文,一定倍有收获. 排版是设计中最重要的组成部分之一,它绝不仅仅是将漂亮的字体放在帅气的背景上这么简单.然而,制作优秀的排版并不容易,雷区遍布,稍不注意就流于平庸.过于抠细节容易忽略整体的设计,过于强调视觉又容易忽视功能性,日常的误区之多难以想象.所以,今天我们总结了排版设计中常见的20个误区,帮你逐个梳理日常设计中容

web设计经验&lt;九&gt;教你测试手机网页的5大方法

我们知道手机浏览器的使用量每天都在增长,根据StatCounter的统计数据,手机和平板的使用量约占30%的网络流量,这意味着消费者耗费在移动版网页上的时间比以往任何时候都高.可即使具备诸如移动端优先的响应式设计,由于目前设备尺寸和种类的繁杂,在加载前对终端屏幕进行测试也是压力山大的. 1.在真正的移动设备上测试 在真正的设备上测试手机版网页总是最好的,毕竟模拟器的拟真程度始终是有限的,有些体验的细节无法完全模仿出来.用户体验包含的因素很多,网络的影响,像素密度带来的视觉效果,各种视觉元素的实际

百万级运维经验五:网站缓存设计

大访问量的网站少不了缓存,那如何设计网站的缓存呢? 网站缓存可以有很多种: 1.根据数据表和主键缓存单条数据,如每个用户,每篇文章等等. 2.缓存数据列表,通常用于显示多条数据的地方.如缓存前200篇文章,因为一般前200条数据的查询次数是最多的. 3.缓存模板块,比如某个页面,其中一部分的内容是很少变动的,可以把这部分内容缓存起来. 4.缓存整个页面,比如首页,当程序生成整个页面的内容时,把内容缓存起来,下次访问时直接从缓存里取. 5.数据统计缓存,如评论数.收藏数等. 目前我所了解的是这4钟

Web前端开发人员和设计师必读文章推荐【系列十】

<Web前端开发人员和设计师必读文章推荐系列十>给大家带来最近两个月发布在<梦想天空>的优秀文章,特别推荐给 Web 开发人员和设计师阅读.梦天空博客关注 前端开发 技术,展示最新 HTML5 和 CSS3 技术应用,分享实用的 jQuery 插件,推荐优秀的 网页设计 案例,共享精美的设计素材和优秀的 Web 开发工具.希望这些文章能帮助到您. HTML5 & CSS3 应用 2012五大主流浏览器 HTML5 和 CSS3 兼容性大比拼 不可思议!23个纯 CSS3 打

响应性web设计实战总结

响应性web设计实战 响应性web设计的理念是:页面的设计与开发应当根据用户行为与设备环境(包括系统平台,屏幕尺寸,屏幕定向等)进行相应的响应及调整.具体的实践方式由多方面组成,包括弹性网格和布局,图片,css Media(媒体查询)使用等. 一:布局方式有如下几种:       1. 固定布局:固定布局以PX(像素)作为单位的,在PC端,设计稿多少PX就写多少PX,前几年都是这种布局,常见的是以960px或者1000px来设计的,但是这样设计有如下缺点: 1.页面很死板,在更大的屏幕上,页面左

web前端第五节课

margin属性值所指方向: margin属性包含了margin left :距左元素块距离(设置距左内边距) :margin top:距头顶(上)元素块距离(设置距顶部元素块距离):margin right :距右元素块距离(设置距右元素块距) :margin bottom :底元素块距离(设置距低(下)元素块距). 单标签和双标签: 双标签:<html><head><title><body><table><tr><td>

Web设计思想——渐进增强

最近在拜读一本Web体验相关的书<渐进增强--跨平台用户体验设计 >,阅读后做些总结,消化一下书中的精髓. 在阅读本文前,可以先思考下面几个问题. 1. 浏览网页的目的是什么? 2. 浏览网页的时候会碰到哪些问题? 3. 用什么方法来解决这些问题? 4. 这些方法具体的实施步骤有哪些? 一.契机 1)内容 内容是Web页面的核心,也是用户浏览页面的目的.内容可以是某些信息或某个功能,用户浏览网页就是为了获得它们.接下来所做的一切都是为了让内容脱颖而出,向用户传达更清晰明确的意义,传递更准确.更