开拓你设计视野的几个设计技巧

为什么一张图片比三张图片更有力量?如何设计产品使用指南?如何在设计中通过各种对比产生层次感?如何使设计内外统一协调?如何设计一个独一无二的签名式 LOGO ?本文继续发扬实用主义,对这些问题给出了解决办法。五个设计技巧,开拓你的设计视野。 

封面设计:小即是多

当你在设计时手头上有三张照片,你会如何处理?你会将这三张照片都用上,对吧?其实没必要!一张照片就已经能够使设计信息有效传达。在这个例子中,校区里的塔楼就已经能够传达出这所学校的本质,比用上三张效果更好!标题单独一行,文字中的背景颜色区域静静地传达出有关信息。

设计师有三张照片,但如果在版面上都用上这些照片,那你还要对这三张照片进行剪切,然后将它们挤进版面里。但出来的效果却是,这三张照片在版面中的样式很相似(相似的图片元素及图案),文字阅读起来很费力。所以,设计师又不得不将字体变得很粗,字体变粗后,又要找个地方放置学校的名字,所以在最下方设计师又加上一个紫色区域来突出学校名称。设计师越“设计”,封面就越虚弱。无论是学校信息还是所要传达的文字信息都在这些复杂的、太多人工痕迹的元素中消失得一干二净。封面可以说是成为“被侮辱及被损害”的对象。为什么会这样?因为设计师做过头了!解决办法:只让一张图片来说话!

记住,在设计中,小即是多。学校的塔楼已经可以传达很多信息。简单的居中设计,就是直接让这张照片“说话”,然后加上文字就行了。注意在上图中,文字的背景区域并没有横跨整个版面,因为我们要让图片由上至下都可以流动。而上图右,学校的主色(紫色)及褐色与树的绿色形成吸引人的视觉效果,留意这三种颜色在色轮中的位置关系,绿色及褐色是紫色的补色的邻近色,听起来很复杂?紫色的补色是色轮中相隔 180 度的草绿色,而草绿色的两边邻近色就是绿色及褐色(留意色轮中的线条)。我们将这种颜色关系称之为“补色分割”( Split complementary )。

时间: 2024-12-11 18:31:50

开拓你设计视野的几个设计技巧的相关文章

五个设计技巧,开拓你的设计视野

[译者的话] 为什么一张图片比三张图片更有力量?如何设计产品使用指南?如何在设计中通过各种对比产生层次感?如何使设计内外统一协调?如何设计一个独一无二的签名式 LOGO ?本文继续发扬实用主义,对这些问题给出了解决办法.五个设计技巧,开拓你的设计视野. 封面设计:小即是多 当你在设计时手头上有三张照片,你会如何处理?你会将这三张照片都用上,对吧?其实没必要!一张照片就已经能够使设计信息有效传达.在这个例子中,校区里的塔楼就已经能够传达出这所学校的本质,比用上三张效果更好!标题单独一行,文字中的背

FACEBOOK设计团队是如何开设计评论会的

  在设计流程中,设计评论是一个重要的环节.无论是在独立的设计团队,还是流动性.多远的设计群组中,它都是整个设计过程中,无法忽略的部分.通过团队的设计评论,在不同成员的审视.评论中得到反馈,让你站在自己以外的角度来看待之前的设计作品,这样可以更好地做设计决策,克服障碍,提升作品也提升自我. 当我刚刚加入Facebook的时候,我其实非常担心每周一次为期2小时的设计评论的环节会被浪费--想必大家对此都能理解,因为在许多设计团队内,设计评论往往会陷入两种状况: ·为了不打击士气而不敢太深入批评他们的

《超越平凡的平面设计: 版式设计原理与应用》—设计,无需规则

设计,无需规则 超越平凡的平面设计: 版式设计原理与应用 抛弃规则,仅凭直觉 你可曾见过街头艺术家作画?很有意思!只见他们左喷右绘,一幅佳作便跃然布上.不用尺规工具,没有框架缚束,更不照参考说明:但最后的作品却如此完美,整个过程如此流畅. 最佳的设计正像这样. 请看如下的版面设计,这次我们不用网格而使用左边所示的图片作为视觉参考.图中的线条.形状.比例以及这些要素之间的关系支配着我们对字体.尺寸.色彩.版面以及其他一切设计要素的选择. 你看到了什么? 仅使用目测的话(接近但不精确) 你能回答下面

产品设计需注意 切忌过度设计

产品设计是产品生产和营销的非常重要的一方面,在最近在产品的设计流程当中,融入了正儿八经的专职交互设计,反复体验着这种完整团队所带来的优缺点,虽流程完整,但细节困扰.其困扰之一,我感觉应该叫过度设计,实际上,过度设计一般是说技术开发中,对于逻辑复杂.技术先进的过度追求,导致了技术框架虽看似华丽却复杂难用.若说到产品功能及交互的过度设计,应该是"过度追求体验完美.需求满足"而导致的"实际体验下降 or 长期产品定位偏离 or 功能没人用"的悲惨结果. 为什么会导致过度设

网页设计中的图标的使用技巧与资源合集

  提到图标设计,似乎每个设计师都有话说,但是要做好图标设计真的那么容易么?今天这篇文章针对网页设计领域的图标设计进行了相对全面的梳理,从设计技巧到设计资源一应俱全,但愿能帮上你! 图标是每一个现代UI中不可或缺的组成部分,它们不仅能协助UI布局组织内容,而且轻量级的图标融入界面也不会喧宾夺主.不仅手机和平板的APP UI中会大量用到各种图标,而且iPod和智能手表的界面中也是如此,这正是因为图标具备快速直观传达信息的能力. 在网页设计刚刚兴起的时代,小图标就已经被早期的网页设计师和开发者投入使

交互设计经验谈:移动应用交互设计原则

文章描述:设计在很多时候都是靠灵感的闪现,移动应用的设计则更加的灵活多变,如何能更好地设计出一个应用,没有具体的方法和成规.但是,为了能更好地避免设计师们走弯路,设计原则的学习是有必要的,它给了设计师们一定的参考和指导. 摘要:交互设计专业也有了蓬勃发展,Ben Shneiderman 提出的交互设计"黄金八法"和Nielsen 的"启发式评估10条原则"为交互设计的评估提供了标准.我们在考虑其他原则的基础上,整理了八条移动应用设计的针对性原则. 本文节选自<

7款拥有超酷设计灵感的动态网站设计

在设计领域,每年都有不同的设计趋势和潮流,比如近几年的响应式设计,还有扁平化设计,都无时无刻不冲击和影响着我们设计的角度和方向.在今天这篇文章中,我们精选了一些超棒的创意网站设计,希望大家能够喜欢! Made by Fibb Made by Fibb是一个典型的扁平风格的网站,夸张的大图片及其动画效果,及其手机和触摸设备风格的菜单,还有响应式的界面设计,无一不代表了最新的网站设计的种种趋势. CREAM Real Estate 知道全景3D的幻灯移动效果是什么样滴吗? 如果没有体验过,绝对要看看

淘宝店铺首页设计:店铺风格和信息设计

文章简介:淘宝店铺首页设计规划. 电商卖家对淘宝店铺设计的要求正在越提越高,区别于京东和拍拍,淘宝店铺首页的设计至关重要,这里是最重要的门面. 淘宝集市店和商城店在首页装修上有一点小区别就是集市店页头那里有个独立的店铺logo展示区域,会对页头的设计产生一定影响.不过这篇文章并不探讨具体的设计,这里讨论的是整个设计规划和设计方法. 我把店铺首页分成4个需要设计的部分(除去这四块,其他根据产品类目的不同各有区分,这里不谈). 1.页头导航 2.活动主题 3.主推产品 4.产品分类 由于是整个首页的

WEB设计经验 -来自microsoft.com设计主管

web|设计 作为设计主管,Peter Stern 已经领导 microsoft.com 重新设计了主页并且开发了五个不同的交互工具,这些工具被用于下载中心.产品目录.配置文件中心. 搜索 和注册等联机功能. 他为几个内部工具设计了用户界面,并且正致力于创建将于今年晚些时候发布的下一代主页. 从头衔上,您可能认为我主要关心的是 microsoft.com Web 站点几千个网页的版面设计.的确,这些确实是我所关注的.视觉上的吸引力是重要的,但是这仅仅是工作的一小部分.而最终的目的是确保整个站点运