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

最新发布

来和小伙伴一起学习响应式网页设计
来和小伙伴一起学习响应式网页设计

响应式设计现在已经成为网页设计师学习的焦点。优设哥发现群内有很多相关的讨论了,这说明我们平时接触该类案例越来越多。你会渐渐发现,我们身边越来越多的企业和客户关注到响应式网站,作为勤奋的设计师,我们怎么能不对它进行了解呢?响应式网页设计考虑到多平台、多种屏幕尺寸的情况,能够优化多种设备的网络浏览体验。当你不知道用户使用什么设备,不知道用户的屏幕尺寸时,若想达到较优布局,可以采用响应式设计。在进行响应式设计时,要专门针对内容进行设计,优先考虑在不同环境下内容的适应性。响应式网页设计过去,上网需要一台电脑,一个猫。现在呢,手机、平板、电视都可以上网。Responsive Web Design, 由Ethan Marcotte编写, A Book Apart出版,对响应式设计的原则进行了详尽的阐述。

共 7 次浏览
浅谈网页设计中半透明的运用法则
浅谈网页设计中半透明的运用法则

使用半透明元素来设计网页很美观也很需要技巧。半透明效果是指色块、文字或图片被“稀释”或者冲淡,使得颜色减淡,并且透出后方内容。执行到位的话,这种效果会非常震撼,能划出一块绝佳的文字展示区域,或者作为吸引注意力至图像某部分的手段。但是使用半透明时,设计师必须小心谨慎。这种效果很难处理得当,因为事关可读性。透明度使用错误的半透明块和文字也,会能散注意力,并且破坏整体设计效果。接下来看一套行为准则,附带一些半透明效果在网站上的优秀执行案例。通过半透明来形成对比选用半透明设计技巧的最大好处,是创造对比。这种效果可以让设计师通过色块、图片上的大字体或多种颜色层次来创造视觉焦点。半透明也可以在背景图不能很好展现上方文字时,将文字分离开来。

共 11 次浏览
20个国外唯美的暖色调网站色彩欣赏
20个国外唯美的暖色调网站色彩欣赏

SweetCake – One Page PSD ThemeLe SALÓNBrand & Web Design: Dotty Rose – Cakery & Sweet Treats – Mood Board, Brand Styling, BrandingThe Sky tells me… | Personal Website One PageWes Anderson

共 22 次浏览
20款优秀的网页交互流程图设计欣赏
20款优秀的网页交互流程图设计欣赏

Information Architecture by Kellyn Loehr  User Flow by Eric Ressler  Simplified Checkout Process by Michael Pons  User Flow by Mackenzie Child  Flowchartby Eric Miller  

共 16 次浏览
详细解析通过设计让APP变快的6个方法
详细解析通过设计让APP变快的6个方法

我们都知道不管网页还是移动应用,响应速度都是最重要的体验指标之一,并且移动应用的网络环境不稳定,速度的体验显得尤为重要。其实速度优化不仅是程序员的事,设计,也能够让APP变得更快。1.后台执行这是一条很通用,也容易理解的方法。用户不会愿意盯着进度条傻傻地等待,除了“取消”没有其他选择。在系统处理一些网络任务的时候,完全可以允许用户做一些其他的事情。各大平台的发微博,都采用了后台执行。云阅读的离线下载也采用后台执行。而微博的看长图(或视频),是个反例。网络不给力时,要么等待1分钟让图加载完,要不就只好放弃看图。为什么不能让图加载的同时,用户可以看其他微博呢?2.在载入前显示内容客户端与web的一个不同点,客户端的显示内容包括本地数据和网络数据两部分。在设计界面时,将更多的信息放在本地,在网络数据未载入时即显示本地数据,让用户产生一种“已经载入一半了”的错觉,即使最终的耗时一样,心理感受也会更快。当然把数据过多地写在本地,会牺牲一些灵活性,需要根据具体情况考虑。具体请看twitter、Facebook、Vine等优秀产品的启动画面,虽然同是静态图片,但它们不使用LOGO而假装已经载入了“导航栏”和“标题栏”,让人感觉“点击后立即就启动了”。

共 8 次浏览
浅谈那些大胆忽视设计趋势的网站
浅谈那些大胆忽视设计趋势的网站

作为网站设计师,我们很容易就迷失在流行设计的风潮中。比如说,最近颇为流行的扁平化设计已经成为了成千上万的网站争相应用的形式。然而,提升设计固然重要,一味跟随最新流行趋势却让我们的网站千篇一律毫无特色。值得我们关注的是,那些真正富有创意的设计如何大胆的对抗那些所谓的流行趋势,坚守自己的创意之路,推广他们独特的时尚感。这篇文章展示的是设计师们如何通过自己的作品来传递他们的个性,对于视觉的鉴赏力,还有他们无处不在的天赋。所有的设计都别具一格,独一无二,却都美不可言。希望这些设计能激发你的灵感,为你的设计生涯找些平衡。了解最新的流行设计趋势很重要,你可以从中学习,但是更重要的是你能找到自己专属的风格。Oleg Postnikov这个网站是由设计师Oleg Postnikov创建的,也是他审美和设计理念的大胆宣言。通过排印,简单的图像使用单一的鲜亮颜色,布局不同寻常,错落有致。同时他也展现了对插图的偏爱和现代感的钟爱。Beta Takaki这个网站采用的是和上述网站完全相反的处理方式。它的特点是大大的图片搭配很小的简单的字体。水洗灰色构成了大部分的底色,创造出冷静,简单抽象的氛围。和上面的网站一样,这个网站同样现代化的无可挑剔。Benjamin Sheppard

共 10 次浏览
网页设计总结之让设计作品更上档次
网页设计总结之让设计作品更上档次

大家都知道”细节决定成败”这句名言不仅在其他行业非常重要,而在页面设计当中更是颠扑不破的真理。需求的眼睛和感觉总是非常敏锐的,对于一个页面没有得到需求方的认可,但是他们又说不出什么理由,这个时候就是细节问题了。一个页面的细节到位才能充分体现出页面的品质。一个优秀的作品与卓越的作品相比差距就在于细节的把控。那我们具体该如果做好细节呢? 下面简单介绍一下。字符字符是页面中不可缺少的部分,页面上最重要的部分。所以这部分细节是最基础的,也是最不可忽视的。网页上80%的信息是以文字形式传达的,任何网页元素都无法替代文字的作用。网页中文字设计的好坏会直接影响到整个页面的视觉传达效果。字号字号的选择是根据功能需要而定的,字越大给浏览者的视觉冲击力越强,一般用于标题或其他需要强调的地方。小字整体性强,页面易产生多个中心,缺乏美感,时间略长,浏览者易产生视觉疲劳。最适合网页的字体大小为12磅,如果在一个页面内容较多,通常可以用9磅的字号,随着互联网飞速的发展,在内容较多的情况下10.5磅字号逐渐替代了9磅字号。游戏行业本身侧重于视觉传达,在官网及专题里文字都不会像门户类页面那么多,所以常规情况下最小保持10.5磅以上字号。标题文字的运用

共 9 次浏览
浅谈高大上的动态设计方法及流程总结
浅谈高大上的动态设计方法及流程总结

在设计开发的过程中,当设计师做好了一套静态页面而且设想出N种有趣的交互动画,再交付重构还原页面的时候,由于无法提供精确的动态参数,导致沟通和制作的成本增加,而且最终的测试demo也差强人意。因此,我们通过研究当下的动态设计趋势以及PC端的交互特征,在QQ空间V8新版中做了动态创新探索,同时总结归纳出一套适于设计师表达设计概念的设计方法和流程。这是QQ空间团队开发V8新版后总结的文章,对动态设计的总结详实且条理性强,配图也很形象,是一篇难得的好文,相信设计师们阅读完会相当受益 : )一、流动的趋势众所周知,早些年流行的flash主页因其酷炫的效果风靡一时。如今随着html5和css3的发展,在配合高端浏览器的使用环境下,用户可以体验到更流畅顺滑的动画效果。同时,手机端的动态设计效果也提升了用户感知度、提高了产品的易用性;考虑到体验设计的一致性,动态设计还应兼顾跨平台和终端的拓展效果。动态表现对传达产品功能、拓展用户的感官体验等方面起着举足轻重的作用。如:进程类演示类动画,内容不再是从0到1的跳转,加入了动画过渡,让复杂的程序语言转化为动态视觉语言“我正在处理你的内容,请稍等”。一方面可以带给用户安全感,另外也缓解了因等待而产生的焦躁感。二、动态设计探索

共 11 次浏览
新手教程之如何设计Favicon站点图标
新手教程之如何设计Favicon站点图标

现代网页设计中最令人沮丧和感到混乱的莫过于网站图标了(favicon),是“favorite icon”的简称。这枚小小的图标一般出现在浏览器的选项卡里、地址栏处,根据我们操作系统和浏览器的不同,还有可能出现在其他地方。我先给大家科普下:favicon,即Favorites Icon的缩写。favicon 就是出现在浏览器地址栏左侧的那个小图标。favicon,中文名称是网站头像。当然,这不仅仅是Favicon的全部,根据浏览器的不同,Favicon显示也有所区别:在大多数主流浏览器如FireFox和Internet Explorer (5.5及以上版本)中,favicon不仅在收藏夹中显示,还会同时出现在地址栏上,这时用户可以拖曳favicon到桌面以建立到网站的快捷方式;除此之外,标签式浏览器甚至还有不少扩展的功能,如FireFox甚至支持动画格式的favicon等。由于他们不同寻常的文件格式和超级小的图像尺寸使得设计师们在设计这些图标时显得很费劲。更加见鬼的是,人们有时候甚至纠结于这单词的发音(我曾听人说“fah-vee-con”和“fave-eye-con”,尽管前者更常见)。啊,穿过一切没用的元素,直击主题吧!好文推荐:第二弹!那些你不知道的photoshop冷知识之乾坤大挪移高手支招!怎样分辨图片是否被PS过设计一枚favicon创建标识是设计的第一步。一个好的favicon应该在本身小得如同表情的情况下捕获网站的本质,并且在非常紧凑的空间里传达你的品牌。Favicon最常见的形式是该公司的商标标志(并非完整的标志与文字合并成的商标)。

共 23 次浏览
设计大师漫谈响应式网页设计心得
设计大师漫谈响应式网页设计心得

1. 如何理解响应式设计(RWD)zhongfan :学究一些,首先大家先了解一下响应,然后再讲一下设计,响应就是我发出的请求能得到什么样子的回复,比如我说 “你好”,你会很容易的给我回复”你好”,因为大家都是中国人,如果我说”hello”,我们这代人如果上过初中,他也会给我说”Hello”,但是如果 我给对你说”Bonjour”,那可能只有高配的人才可能知道了。这里面,就举了一个例子,我的应答对象就相当于我们要讲的响应式的设备,他必须能够解析 我发给他的需求。然后咱们再讲一下设计,设计的官方解释是这样的:1.设下计谋。2.根据一定要求

共 8 次浏览
共计26043条记录 上一页 1.. 2469 2470 2471 2472 2473 2474 2475 ..2605 下一页