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

最新发布

详细解析网页浮动条设计的细节体验
详细解析网页浮动条设计的细节体验

顾名思义,浮动条是在页面沿一定轨迹浮动的表现形式。不再固定在某一指定位置,而是随鼠标拖动而动,巧妙的设计会使得在不妨碍网友浏览的同时,满足其增加曝光率的需求。其特殊的表现形式与传统的形式相比更能聚集网络访客的眼球,使得其影响力更深三尺。但是过度的曝光不加思考的一味所有页面都用浮动条或者叠加大量功能入口,有可能造成用户使用上的视觉干扰和产生厌烦的心理。可用于浮动条上的功能主要有————回到顶部、在线客服、用户反馈/调查问卷、分享。回到顶部可以帮助访客在浏览页面时,尤其是页面底部没有导航的网页,重新找到导航,或者重温一遍网页。主要用于页面比较长,需要回到顶部进行一些操作。在线客服基于网页的即时通讯工具,它不需要安装任何软件,只需要在浏览器窗口就可以进行实时交谈。常出现在用户在流程中比较容易产生疑问的页面。用户反馈/调查问卷想倾听用户对网站或业务的想法和期望,使用这些信息来改善最常使用的产品和服务,解决用户在使用中的问题,更优化的实现用户期望。用于新业务上线,改版,AB testing…分享

3 次浏览
教你写作并设计出一个杀手级标题
教你写作并设计出一个杀手级标题

怎样才能让网页设计中的标题一语中的、直击要害呢?无论是浏览微博,还是阅读RSS内容,或是Google搜索,你最先注意的,往往是那些标题出众,饱含噱头的信息(也有同学习惯称 “标题党” )好的标题能够吸引你的注意,让你决定阅读一番文章,而糟糕的标题,让人看都不想看,扫一眼便略过去了。换句话说,很多情况下,标题决定着阅读量,只要标题好,用户才会注意,进而主动关注内容。如果标题不到位,那么无论文章质量多么上乘、产品多么优秀,依然无法有效吸引用户阅读。本文将讲述如何”打造杀手级标题,提高页面的浏览量”,不光是设计方面,还涉及文案方面。还记得我们在微博上分享的段子么?【魔镜啊魔镜,你告诉我如何取悦设计师】答:不加班+少改稿+不站背后+不戳屏幕。【魔镜啊魔镜,你告诉我如何取悦老板】答:设计简约+大气+国际化+无限创意+会撸前端代码+一手好文案+会摄影+懂营销+无限加班不要钱+改稿千遍不厌倦+每日跪求多人组团指点江山+脾气柔顺+对客户发春般温暖…..【镜子裂了只是想和您说一下,会文案的设计师还是很吃香的。所以推荐您看腾讯同学分享的一篇《想写出更出色的文案?试试6+1模式》常见误区

9 次浏览
关于网页设计交互Demo设计的一些心得和建议
关于网页设计交互Demo设计的一些心得和建议

为方便产品经理、设计师、开发及项目相关人员能够看到直观的效果,进行更有效的沟通;提供直观的产品设想,说明用户将如何与产品进行交互,在交互设计的过程中一定会产出各种各样的产出物,如流程图、思维图、纸上的草稿、甚至高保真演示稿。这里简单分享下自己在项目过程中的交互Demo设计的一些心得。延伸阅读:经验分享!移动端设计开发流程(附神器推荐)Axure制作交互Demo的软件有很多,个人比较喜欢且习惯的就是Axure。Axure操作简单明了,对于初学者来说,非常容易上手;它也拥有强大的交互演示动作,对于高级使用者来说,制作非常高保真的演示Demo, 也是非常有成就感的。Balsamiq提供了丰富的手绘风格的web常用元件,能创建接近于纸上手绘的原型,让人有眼前一亮的感觉,个人建议初稿方案的时候可以考虑用这个更能吸引人。

13 次浏览
网页设计师应该知道的网格系统技巧
网页设计师应该知道的网格系统技巧

今天我们来聊聊网页设计中的网格系统。网格确保了设计结构的组织分明、结构明晰。我们可以通过网格系统更好的打造设计的信息层级,让设计阅读起来更具有韵律感。就跟编码一样,编码需要有机的组织结构,而网页设计的网格系统也是同样的作用。The Grid System 设计师用起来舒服,开发者用起来顺手,当然,网格系统对于用户也是大有裨益的。我一直在强调设计要注重用户体验——毕竟,客户为你的内容消费,因此你要向他们提供有价值的体验。使用坚固的网格系统会对你大有帮助,不但能保持设计的一致性,还能更好的引导用户。如果你的网站设计的已经很不错,那么可以通过网格来让你的网站更进一步,让用户浏览起来更愉悦。但有一点需要注意,网格系统不意味着循规蹈矩,一味按照网格线来进行布局。就拿响应式设计来说,灵活性是其最大的特点——网格系统也应如此,网格系统的意义在于更灵活的帮助你有序布局,而不是限制你的设计。什么是网格系统?包含了水平和垂直方向的参考线,用来合理排列内容。最基本的网格系统由一系列水平和垂直的、彼此交叉参考线构成,这些格线让内容布局变得简单起来,让内容更具可读性。网格系统在纸媒中广泛应用,有着悠长的历史,引入到网页设计后,出现了很多CSS网格框架,几乎成了网页设计的标准。利用网格系统可以更好的驾驭内容,保持一致性。均匀化的布局,一致性自然就有了,这样导航功能就能更易于使用,好的用户体验也有了。——当然你也可以打破网格系统,用更好的布局取而代之,也可从网格系统中衍生出自己的布局方式。

16 次浏览
详细解析Photoshop中性灰人像修图方法教程
详细解析Photoshop中性灰人像修图方法教程

本篇教程跟大家简单讲解一下中性灰修图的方法,对于不懂的同学,感觉中性灰十分高大上,其实搞懂后也不算难,就是一个图层的事儿,主要是要花时间比较多,才能做出好的效果,大家学会了,记得要多加练习。最近一直嚷嚷着要剁手的小元宝又入了修容的坑,Ps菌了解了其原理之后,感觉也不过就是Ps中一个图层的事儿,今天赶紧给大家带来了利用中性灰图层修容的教程,希望能够拯救大家干瘪的钱包。效果图练习素材:Step1:中性灰填充打开模特素材之后,在右侧图层面板中点击,新建一个图层,Shift+F5填充,设置如下确定之后画面变为灰色,此时在右侧图层面板中,将其图层模式改为:柔光

28 次浏览
6招教你学做餐饮美食类网页设计
6招教你学做餐饮美食类网页设计

吃货们有福啦!今天的话题与美食有关,而且是非常实在的经验分享,掌握这些技巧要素。你将会学做一个餐馆及饮食类网站。而且这类网站能给自由设计师提供不错的报酬。如果你打算进行此类设计,那么不妨花上几分钟,看看这篇文章,保证您有所收获。实践方能得真知,本文通过大量生动的案例来进行深入观察,剖析出那些餐饮类网页设计的亮点所在。1、图像意味着一切Site: The Claw Bar图像意味着一切,虽然略有夸张,但是是句实在话。质量垃圾的、丑陋的图像虽然能在常规网站上将就着看,但是在餐饮类网页中行不通。如果你在设计中使用了一些低劣的图片,那么你的薪水和酬劳可能就不那么容易拿到咯。作为餐馆网页的浏览者,用户的主要兴趣在于食物。网页必须精确的描述菜品的外观,因此必须要使用图像。槽糕的食物图片对消费者的”杀伤力”巨大,用户会因为图像效果不佳而拒绝买单。Source: left photo and right photo作为设计师,你的工作就是采用一些精美的美食图片装帧网站,并且合理布局,通过种种手段来说服客户前来就餐。如果你还是个摄影师,那还能赚一点额外的外快。

5 次浏览
6个设计师必须知道的网页设计博客
6个设计师必须知道的网页设计博客

原文作者花了大量时间在网上搜集行业里高质量网页设计的博客,不过话说回来,高质量可信的资源确实挺稀缺的。我得出这样一个结论: 你单独找一两个顶尖博客挺容易的,但是要把他们分门别类的找一些包含这些子类的博客就难了。我尤其对网页设计、Wordpress、UI设计、用户体验、HTML5、CSS3、jQuery、响应式网页和移动设计感兴趣。这就是我为什么下这么个大目标——寻找我们这个行业最具影响力的网页设计博客。我把这些博客分门别类以及解释为什么这个博客应该包含进来。我列出了他们的一些排名情况,包括Google PR值,Alexa评分,Twitter粉丝,Facebook粉丝(但是我没有包括RSS,它似乎以及过时了,不过我也偶然发现了另外一些有意思的参数)。下面是每个博客包含的说明:下面开始吧!注:排名不分先后每个人了解和热爱Smashing Magazine总有不同的理由。它由Sven Lennartz 和 Vitaly Friedman 2009年创建,他们一直致力于提供高品质的好文章。他们的根据地在德国弗莱堡,至今他们的创意团队已经有20个人了。这个网站提供大量网页设计方面的专业资源,不过对初学者可是个挑战。怎么说呢?因为在这里面大部分主题非常高级且复杂,初学者可不推荐,要是你硬是想面对挑战,当然也不拦着你。Envato于2006年创建(至今已经7年咯),公司位于澳洲。PSDTuts是Envato的第一个网站,不过由于Collis Ta’eed的远见和野心,他们的团队现已扩展至100人以上。

5 次浏览
5条建议提高网站用户的浏览体验
5条建议提高网站用户的浏览体验

当你浏览一款网站时,一般会迅速的对网站的外观和使用感受做个评判,整体的设计风格是第一印象,能否引导用户继续阅读取决于此。金玉其外败絮其中必然无法长久,功能性也是重要考量。推荐您也好好学习《网站用户体验的76个要点》。好的用户体验不仅仅关乎到功能性和设计美学,还需要考虑很多因素,我们一起来看一下吧。一致性最重要的交互元素一定要友好,并且风格一致。尽管在设计一款网站时,我们可以融入很多创新点和美学风格,但是一些经常使用、且重要的元素,风格一定要一致,比如按钮、链接、导航栏、表单等等。我建议可以多浏览一些电商网站,他们在这一点上做的就很棒,他们通常有很多的茶品页面,但是整体体验却相差不大,我们可以看看优衣库的网站。像产品类别、当前按钮和重要的文本信息都通过红色来高亮显示页面不同,布局基本相同。可读性

3 次浏览
8个获取手机应用程序设计灵感的网站
8个获取手机应用程序设计灵感的网站

曾经,CSS 画廊非常流行,网页设计师们会定期访问这些网站获取灵感。现在仍然可以方便迅速找到令人兴奋的东西(例如 Dribbble 和 Behance 对设计有很大的帮助)。对于移动应用程序设计,存在类似的画廊,我相信他们会更加有用。这是因为如果不安装移动应用程序,灵感更难获得,也更需要时间和努力。这12个画廊有很多漂亮的应用程序用户界面,并进行了很好的分类。赶紧收藏吧!Creattica – Mobile InterfaceCreattica 是一个灵感画廊,展示最好的网站设计,标志设计,平面设计,摄影,作品。收集各种移动界面元素,启动画面,按钮,导航,通知等等各种组件的设计。设计精美的应用程序的集合,iphone, android, flat ui, mobile ui。TappGala,展示最佳的移动界面设计作品,赶紧收藏吧。

8 次浏览
10个儿童网站个案分析及设计特点总结
10个儿童网站个案分析及设计特点总结

一、温馨而柔和高亮度,低饱和度的黄色和绿色色彩营造出柔和温馨的气氛,重要信息部分用饱和度较高一些的绿色和红色跳出。而背景中随机大小的圆形叠加增加梦幻、可爱的氛围。其余的设计元素,例如云朵般的曲线边缘、logo和导航的针脚线、导航条背景的大头针、宝宝日记的贴纸、宝宝照片吊牌、以及文字标题的手写字体都围绕着整个设计风格来运用,营造出整体温馨的气氛。二、万物复苏的春天来了这个设计看上去也是偏柔和的风格,像是刚刚到来的春天,到处都是嫩绿的颜色。色彩方案上使用了两种高亮度、中低饱和度的黄色和绿色的搭配,导航也用了连续的云朵状的弧形和手写的字体,增加可爱温馨的氛围。主视觉的插画对于整个设计氛围的提升起到了非常重要的作用,挂在树上的条幅写上了博客的Logo,增加了趣味。但是布局上类似于页面似的方方正正的布局却是中规中矩,缺少了创意和突破。三、色彩鲜艳、阳光明媚的春天色彩饱和度和亮度非常高的天空、云朵、山峰、太阳、草地以及各种卡通动植物构成的插画背景是营造整体气氛的最主要的元素。为了让背景融合与整体设计之中,logo的条幅被小鸟衔着挂在空中,飞艇拉着搜索框也漂浮在蓝天之上。主内容区左侧的水彩墨迹和手印、右侧飞跃而出的动感的星形更增强了欢乐、可爱的氛围。云朵状的导航条和可爱风格的手写文字虽然略显粗糙,但是依然延续了同样的设计风格。主内容区两张阳光明媚、充满欢笑的家庭照片更是让人感觉春意盎然、暖意融融。四、清新柔和

10 次浏览
共计26043条记录 上一页 1.. 2333 2334 2335 2336 2337 2338 2339 ..2605 下一页