关于边框和底色的那一些小事

标签: 视觉设计 产品设计 | 发表时间:2011-10-24 20:40 | 作者:P迪 小宇
出处:http://www.alibuybuy.com

文是基础性的设计探讨文章,请大侠和高手绕道,菜鸟停留片刻。我们看过很多设计师的教程文章,大家都用分解的方法来说明设计的效果。

比如:一个球形的效果,我们可以把分解成;高光,主体,阴影,颜色,等等……

分解图形

那么门户型网站的视觉设计我们也可以这么分析吗?我这里想说:YES!

其实呢一个门户型网站的界面也是有许多设计的小元素组成。今天“新君”在这里,只和大家讨论其中的两个元素,希望能提高大家的工作效率;与苦逼的设计师们“与尔共销万古愁”。那么现在这两个元素就隆重登场了,一个是边框;一个是底色。

两个再朴实不过的元素了,几乎所有大的门户型页面都有他们出现。那么如何做合格的边框和底色呢,当然后有一些小窍门,这些小知识对于刚刚入行的网页设计师们很有用哦~~

下面我来看图:

关于边框和底色的那一些小事(一)

最后总结:

1)  当你不知道边框要用什么颜色的时候,就用和背景相似的色系。

2)  当遇到深色背景的时候,使用亮色边框。

3)当图片颜色很丰富的时候,用颜色最多的那个颜色做为边框的选用色系。

哈哈,掌握了嘛?不是很复杂吧,其实一切就是这么的“煎蛋”~~!希望有更多的“射鸡师”们和“新君”互动哦,再见~^-^.

源地址:http://www.365ucd.com/vis……sual/610.html


© 推荐 for 互联网的那点事, 2011. | Permalink | No comment | Add to del.icio.us
Post tags:

你可能也喜欢:

同步类服务:还能怎么做产品设计创新? (@syncoo)

11套精美免费图标集设计素材推荐下载 (@iplaysoft)

手机QQ浏览器Logo设计

sns视觉设计分享:QQ校友视觉设计

视觉焦点-剖析网页设计中的几何圆
无觅

Feed enhanced by Better Feed from Ozh

相关 [视觉设计 产品设计 ] 推荐:

知己知彼——iOS应用“爱玩”的产品设计与用户分析

- - 腾讯CDC
  前段时间完成了我个人的一个iPhone应用“爱玩”,这是一款可以提供音乐演出、讲座沙龙等各种同城活动信息的App,2011年9月底在苹果商店上线.   App下载链接: http://itunes.apple.com/zh/app/id464760869.   意料之外的是“爱玩”在10月28日至11月4日的那周登上了苹果商店的首页,排在新品榜的第三位,在随后的11月5日到11月12日那周登上热门产品榜的第十位.

黄金分割的金苹果——浅谈apple设计中的黄金分割

- danefy - 百度MUX
你研究或者不研究,美就在那里,不偏不移;你发现或者不发现,黄金分割就在那里,不多不少. 了解他,发现美,也给自己增加精彩,好作品不会没有依据. 0.618或者1.618,这个数字是否觉得似曾相识. 这其实是一个数学比例关系(说到数学,不要先着急晕哦,知道咱们做设计得对计算都不敏感,呵呵),即把一条线段分为两部分,此时短段与长段之比恰恰等于长段与整条线之比,其数值比为1:1.618或0.618:1.

韩国三大门户的基础设计

- Andy - 网易用户体验设计中心博客
本博文通过韩国的最具有代表性的NAVER、DAUM、NATE三大门户网的设计,从中了解首页布局,页面色彩应用,以及频道导航,页面模块处理等一些基础设计,使得让我们更方便、直观的跟我们国内的门户做对比,了解韩国门户的设计方面的流行的趋势和风格把握,希望能给每一位关心门户设计的朋友一些新的启发. 以上三个门户的首页页面布局和结构中可以看到比国内的几个门户网的布局大不一样.

给数据穿上美丽的外衣

- membogg - 百度MUX
如今,在设计,通讯,信息及数据新闻,用户界面多个领域都可以见到数据可视化的身影,引入视觉设计的数据大大提升了说服力,可读性和逻辑性都得到了增强,他带来的不仅仅是颠覆表格那么简单,而是一种思想理念,它不仅把可视化信息作为一种沟通工具;同时也是一种重要的数据挖掘的手段. 在互联网还没有诞生的年代,有一群元老们为数据可视化做出了不可磨灭的贡献,而至今他们仍在在努力地工作着,他们就是表格、饼图、柱状图等.

数据可视化

- Sillywolf - ISD Webteam

让界面更加清爽

- corleone1969 - 网易用户体验设计中心博客
夏日要到了,酷热的天气,灿烂的阳光,想在夏日里获得众人的目光和赞美,快试试小白介绍的几招,一起打造清爽的夏日装,让在一切更加舒服,有活力. 这是说视觉界面上设计的事,无论是web、移动或客户端,要想视觉更加清爽下面的建议都会有帮助的. 要想清爽,就得把身上多余的衣物,一层一层的脱掉. 在一个有限的空间里塞满大量的元素和信息,就算设计再华丽,信息再精彩,焦点还是无法长期停留在该空间.

字体图形化设计小谈

- Neo - 网易用户体验设计中心博客
当你在做设计的时候碰到一个标题,. 文字是一种记录与传达语言的符号,它的产生是人类文明进步的一种重要标志. 随着图形化时代的来临,文字与图形的关系在设计领域尤其是平面设计当中,起着举足轻重的作用. 针对目前国际平面设计界以文字为主体元素的设计,本文以平面设计中文字的图形化表现为切入点,对文字图形化的表现形式和表现手法以及在平面设计的应用进行探讨性分析,希望挖掘出文字与图形化设计的更多表现形式.

音乐你的生活—Android QQMusic 设计实录

- Foxiang - 腾讯CDC
在android平台上开发音乐播放器是一个全新的挑战. 这次通过android QQ music项目实战,总结出一些方法和经验,希望能够对移动平台的设计尤其是多媒体这块提供一些有价值的参考和帮助. 一、引入产品定义描述(Application  Definition  Statement). 相信大多数设计师都有过这样的经历:在产品设计过程中,设计师和产品经理不断pk,各抒己见,甚至闹得脸红耳赤、拍桌翻脸,最后项目总结时又因达不到“理想目标“双方深深自责,纷纷表示”缺少交流“.

网易应用下载站WEB端GUI设计的小分享

- kamal - 网易用户体验设计中心博客
 网易应用下载站WEB端开发进度日渐收尾,伴随陆续的测试优化工作,借此机会浅谈一下GUI设计实践上的皮毛经验. 网易应用的特点在于服务用户下载应用和社交分享,因此GUI的设计作用在于把用户交互体验抽象化任务流程和操作方式表达得尽量准确尽量自然:.  例a.不要分散用户的焦点注意力:. GUI设计中不应该分散用户对自己任务目标的注意力.

不言而喻的设计

- iVane - 网易用户体验设计中心博客
在人与人交流的方式当中,语言交流是最为初级的,如果懂,一个眼神足以. 一个优秀的设计师究竟应该以怎样的设计语言与你的“听众、观众”交流呢. 其实,好的设计是会自己说话的,我称之为“不言而喻的设计”. 设计内容比设计页面本身更重要,可视性的设计仅仅是成功的一半. 简单的东西也可以有惊人的爆发力. 这是一个信息爆炸的时代,仅仅一分钟就会有各种信息扑面而来,怎样能快速的让你想要传达的信息第一眼就能被大家注意到,不光是靠“光鲜亮丽”的外表来吸引眼球呢.