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

最新发布

浅谈网页按钮设计的十条基本准则
浅谈网页按钮设计的十条基本准则

设计按钮的方法有很多,但是基本准则却只有那么几种。你在浏览一些图库的时候会发现,大多数按钮的设计大同小异,只有少数那么几个做到了仔细推敲、反复打磨的用心。不管用什么工具,首先,我们要了解按钮这一元素的基本。正文开始前呢,优设哥送您一个非常不错的网站,国外的知名资源站点–按钮之家。顾名思义,全是与按钮有关的设计资源哟。http://houseofbuttons.tumblr.com/网上是不是充斥着一些”UI套件打包下载”?而且是免费的?但是即便下载也没多大用,这些套件用来研究学习效果更佳,如果直接拿来就用,效果便不是很好,因为你没有考虑到上下文的关系!没有考虑到按钮是否和内容相符!也没有考虑到按钮的布局与页面的整体布局是否匹配,是否符合一致性!因此,与其拿来主义,不如花点时间坐下来思考,什么才是适合你设计的按钮。应该怎样设计?按钮应该怎样与整个界面、上下文、品牌相匹配?能否打造独一无二的效果?我还需要主要、次要、第三重要的按钮吗?那么他们应该怎样彼此区分?这里有十条基本准则,每当我设计按钮的时候就会考虑到这几点,我不会贴出我的图层样式,但不要总以为这是空泛说教,好的设计师对于设计的理解是超越PS,超越套件的,因为他有自己的设计思维。1.要与品牌相符按钮要和品牌一致,颜色、视觉风格要和Logo差不太多。你可以从Logo中借鉴形状、材质、风格等等。如果Logo是圆形的,那么按钮也可以试试圆形以及其他能够引起行为召唤的形状。

9 次浏览
详细解析未来的网页交互设计才是王道
详细解析未来的网页交互设计才是王道

随着越来越多的”标准”(看起来没缺点但印象不深刻)网站出现,设计师们发现拥抱交互性才能创建出一个成功的网站。每天有无数的互联网用户浏览网站,作为一个品牌,你需要弄清楚如何脱颖而出,并在用户的心里刻上你的商标。做到这一点的最佳途径之一是在你的网站上加入互动元素。我们的目标是吸引客户,并鼓励他们通过创新互动元素的滚动导航、动画人物或独特的点击控制等,但无论你做什么,都必须做出值得造成话题可议论的创新点。这个站点上的交互性很好的改善公司与用户的关系,这都是由NeoMam工作室制作的信息图的功劳,随着丰富多彩的动画和滚动导航十三个原因确实使观众想呆在那里,并探讨。显示游客花了多少时间在他们的网站上,当他们到达底部时会看到”你看,你已经阅读完了吧。这也难怪信息图一直如此成功”再次重申了他们的观点。谷歌花了很大的力气通过了所有的浏览器步骤,把搜索加进他们的网站上。使用简单的图形分解大多数人认为是一个非常复杂的过程,让任何人都可以理解。“If you don`t believe you won`t make it happen”这句贺词从一开始就会激发用户,鼠标向下滚动伴随着积极的信息,用生动的工作室式的动画较好的报答用户,在某种程度上还突显了品牌的特色。如果你在寻找一个地方开始,由Codrop提供的页面转换器是一个不错的选择。他们创造了一个指南,使您可以在自己的网站实施不同的导航效果。他们主要集中在滑动,但他们也告诉你一些其他的观点和转换形式,这将有助于你的页面脱颖而出。

6 次浏览
画龙点睛之网页首屏的标题文字设计
画龙点睛之网页首屏的标题文字设计

标题选用细字体好还是粗字体好呢?今天我们就来为您揭秘其中奥妙。不知大家有没有看过这篇文章,《网页设计新招:采用大胆奔放的字体》。不过呢,这只是众多网页设计案例中的一小部分,虽然比较大胆奔放的字体能够成功的营造视觉焦点,但是有时候,太过粗犷的字体会破坏整体的和谐,因此,我们有必要使用一些纤细、精致、优雅的字体。类似我们之前推荐过的《25个最新的免费时尚字体》。跟粗字体一样,细字体的使用也是有条件的,需要设计师具有良好地审时度势的能力。其一,使用细字体时,要注意保持字体与背景的对照关系,以保证可读性和清晰性。其二,使用细字体时,要合理调整字体大小,太小的字体不引人注目,大一点的字体更容易阅读。其三,还要考虑到不同字体之间的互相作用,以求达成较好的视觉效果,保持一致性。当然,本文不局限于细字体,还包括一些粗字体标题,结合了一些标题精美的网页设计一起推荐给大家。All-N-1 House of Beauty有型而又精致的标题,流行味十足的背景,字体纤细整洁。

9 次浏览
23个国外最具影响力的网页设计博客
23个国外最具影响力的网页设计博客

作者花了大量时间在网上搜集行业里高质量网页设计的博客,不过话说回来,高质量可信的资源确实挺稀缺的。CSS-TricksCSS-Tricks是Chris Coyier公众博客,专门讲一些有关CSS的话题。不过近几年来,CSS-Tricks有了下面一些扩展:Chris和Dave Rupert一起创造了ShopTalk 播客,在里面可以讨论所以有关网页设计和开发的事情。Chris 出过几本书,做了一个 Lynda.com的Wordpress主题课程,并且他还创建了一个The Lodge的课程教人们学习如何制作一个颇具现代感的网站。超多很酷的项目,像 CodePen,HTML-Ipsum, Quotes on Design 。Chris真是个超有想法的人。CSS-Tricks 是 Chris Coyier 2007年建立的,总部在美国怀俄明州的密尔沃基,至今网站月页面访问量达270万。网站亮点(这个网站的独特之处是什么?):名人效应——Chris Coyier 是这么网站的精神领袖,他的个人风格贯穿于项目始终,是众多设计师的楷模。向他学习,同他一同去冒险吧!趣味阅读——虽然我和Chris 没有私交,但感觉我们就像好基友一样,可能因为他在自己网站上的开放性吧。其实只是不断的浏览CSS-Tricks就是一种很好的体验,比如,看看CSS-Tricks这6年以来的设计改版。选择你最喜欢的方式学习网页开发——视频(看)、录音(听)或者经典的文字阅读。在这里你可以学习 HTML, CSS, JavaScript, jQuery, PHP, WordPress还有网页设计行业的相关趋势。必须搞起呀!CSS-Tricks 相关数据:Alexa 国际互联网流量排名:1737Google PR值:7Twitter粉丝:74,021Facebook粉丝:16,018Google+粉丝:15,970Youtube邮件订阅:6,177

如何设计一个清爽极简的购物网站
如何设计一个清爽极简的购物网站

电子商务网站的设计趋势越来越向极简化靠拢了。在过去,很多线上商城都采用了相反的方式来设计。这些网站通常都充斥着各种信息,字体和颜色都咄咄逼人,并且网站严重过度设计。现在很多网站弃用模特、夸张的颜色和字体、花哨的图片,只为营造极简风格来展示他们的商品。自响应式设计形式出现以来,它便成为影响众多网站的一种趋势(不仅仅是电子商务)。更多设计师开始拥抱这种趋势——简单才是更好的。这会带给用户更好的网上购物体验和更干净的界面,文字更易读、界面更简单、快速和友好。这种趋势不仅仅关乎设计,还创造了更佳的整体体验,想想苹果和它线上商店所取得的成功。现在,我们来看看这种趋势和将它运用得当的公司,还有能一些能为你所用的诀窍。趋势越来越多公司开始在他们网站中舍弃丰富颜色、模特和动画,有助于实现更加简化的设计方案。背景纹理都变得更加微妙——或完全去除了,为了使用纯白或纯黑的背景来突出商品图片。但为什么呢?

5 次浏览
20套免费大气的iOS7风格UI设计元素
20套免费大气的iOS7风格UI设计元素

iOS7出来后带动了很多扁平化设计的趋势,现在很多应用都模仿iOS 7 风格来设计,iOS7风格界面看似简单,但是很多细节你注意到没有呢?今天设计达人网为大家分享20个免费的iOS 7 UI KIT素材,这些素材有很多UI设计元素可以参考或直接使用在你的设计上,十分方便。进入下载页进入下载页很喜欢ios7的切换按钮,交互效果十分友好进入下载页如果你想找AI格式的ios 7 素材,我想这个就适合你了。

8 次浏览
游戏页面设计的一些个人思路与见解
游戏页面设计的一些个人思路与见解

整个版式的想法就不在这里叙述了,主要是标题可能会根据内容的不同进行一些字体设计,感兴趣的朋友一起来学习吧。所使用的素材最终稿效果步骤一:标题配合素材引发的思考这次版本标题是“幻灭寂静”,配合需求方提供的素材找出关键词:虚幻+阴暗+冷色调+boss一定要叼(叼了才会有扁它的冲动)ok,找出关键词了,排版就很容易了,表情叼的boss站中间,其他的站边上。

8 次浏览
详细解析网页无边框按钮的优劣点
详细解析网页无边框按钮的优劣点

导览列对于多数手机 APP 而言是个很重要的元素,它不但可以让使用者明确的了解目前所开启的功能名称,在许多时候还是放置导航与重点功能的一个区域。在以往,当导航列上出现可以点击的按钮时,设计师在视觉表现上都力求让用户知道是个按钮,直至 iOS7 的去材质化设计理念,将这些地方的按钮的形态去掉、仅剩下符号与文字告知用户该「按钮」的功能。传统上,大多数的按钮外观都被设计成拥有具体的形状范围,除了可以有效的提示使用者这是个「可以被点击」的按钮组件之外,还可以有效的让用户知道这个按钮的「作用范围」在哪里,以防误触到相邻的按钮。这点这在许多地方相当有用,尤其是按钮相当多的屏幕小键盘或计算器,就需要让用户知道按键的实际感应范围在哪里。桌面系统与触控系统大不同其实在导览列上去除每个按钮实体的形状并不少见,像是计算机系统中也是有许多组件的长相也不诺我们认知中的按钮,比如说系统列,其实就是一串按钮的集合体。计算机系统的主要操作方式是透过鼠标光标,当按钮拥有实体范围时,它可以帮助用户确认按钮的大小及位置,使鼠标光标准确地移动至按钮上方点击,而遇到像导览列或是工具栏的地方,因为导览列本身已经有实体范围了,并且也可以利用 hover 特效,帮助用户进一步确认光标与按钮之间的关系。

7 次浏览
详细解析网页设计圈的10个领军人物
详细解析网页设计圈的10个领军人物

在每个行业都会有这样一群人:他们乘风破浪,在茫茫碧波中发现新的风景;打破教条,开辟新天地,引领人们前进。他们就是所处领域的冠军。网页设计领域也是如此,这个行业里人才辈出,那么今天我们就来八一八网页设计师都应该熟知的十个大神吧。纵观创新领域,你会发现有那么一些很有影响力的人,正引领着整个行业的发展,无论是新的概念、技术方法或是思想这些方面。如果我问你,摄影世界里你知道David Bailey吗?艺术领域你是否知道Tracey Emin?不过你知不知道都不重要,因为无论你知不知道他们都真实的存在着,并且定义了一项运动或一种工业。网页设计跟上述领域没有本质的区别,也有领军人物,但是要选出10个大家都应该知晓的人物还是蛮难的…不过很幸运,我们生活在一个人人乐于分享的年代,facebook和twitter等社交工具让接触名人不再是个梦想。那么今天的人物传记之旅就要开始了,你准备好了吗~等等,在这里我必须要告诉大家:排名不分先后,如果你认为哪个大神被我们漏掉了,请在下方的评论里大声说出来!01. Andy ClarkeTwitter: twitter.com/malarkeyAndy是众所周知的会议发言人,也是一家基于威尔士语的设计工作室的创始人,顾客有内政部,STV电视台和国际标准化组织等。《硬派网页设计》这本书让Andy红遍设计圈,此书将渐进增强思想与响应式网页设计有机结合,是设计领域当之无愧的葵花宝典。Twitter: twitter.com/simplebitsDan写过五本书,内容从基础等级的代码编写到Sass都有涉猎。他不仅仅会写书,还会网页设计和发言。除了这些光环外,Dan还是著名设计分享网站dribbble.com的联合创始人。Twitter: twitter.com/mezzoblue

6 次浏览
精选国外11套优秀的UI设计模板PSD素材
精选国外11套优秀的UI设计模板PSD素材

好东西越来越多了,免费的午餐也越来越多了,如果你买不起付费的素材,可以先用免费的应应急,而且不少免费素材也不差。在本篇文章中,你可以看到很多熟悉的“老面孔”,没错,本篇便是十一月份UI设计素材精选。一应俱全的PSD模板:包括iPhone、iPad以及其他移动设备的UI套件(包括最新的5s,iPad Air)、线框图、展示效果图(分层的、实物的)。所有模板均为免费(有的是限免,所以抓紧),各位请一一挑选吧。iGravertical Screen Layers + iOS 7 Screen Converter

9 次浏览
共计26043条记录 上一页 1.. 2466 2467 2468 2469 2470 2471 2472 ..2605 下一页