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

最新发布

设计大师漫谈响应式网页设计心得
设计大师漫谈响应式网页设计心得

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

8 次浏览
详细解析IOS7和Android4.4奇巧巧克力
详细解析IOS7和Android4.4奇巧巧克力

Android的粉丝为Google Nexus5的发布而举杯同庆。LG的这款智能手机使用了最前沿的科技却提供了难以置信的合理价格。同时,还有另外一个理由让我们兴奋——它是搭载了Google最新一代的手机操作系统Android 4.4的第一款手持设备。但是,Google的更新与iOS7相比表现如何呢?接下来让我们一起探索一下。界面那些期待看到Android的这次更新像iOS7相较iOS6有大量改动一样的粉丝要感到失望了。Android 4.4与其说是革新不如说是进化。视觉上看,4.4与4.3势均力敌,伴随着最大审美转变的是默认字体“Roboto”的细微调整、移除了屏幕顶部通知区 附近的固定栏和位于屏幕底部显示的菜单栏。4.4的另外一个变化是应用程序列表,程序列表不再拥有一个乏味的纯黑背景,而是显示在主屏幕壁纸之上,这样看起来要有吸引力得多。应用程序列表也 被削弱了,桌面Widget选择从中移除。现在在主屏幕上长按可以进入桌面Widget,这其实是Google的部分回归,因为Android 2.3上也是用的主页长按呼出的方式。除了上面说到的那些,其他部分表现的非常Android;设计师Mathias Duarte将操作系统塑造成符合他自己的独特审美,以致现在手机和平板看起来都非常统一(至少也保持了非常Android)。你可以期待4.4装到其他手机上时,各厂商会有用户自定义界面。讽刺的是,当Android在交互界面和视觉形态上找到自己方向的时候,苹果颠覆了它标志性的拟物风格而转向了一种新的风格——这种风格某种程度上 来说——与Google的操作系统难以区分。从相似的锁屏界面到偏细的字体和相似的应用程序图标,两个手机操作系统从来没有这么长得这么像过。Android4.4的多任务界面和之前的是非常相似的,点击多任务按钮可进入该界面。在多任务管理界面,你可以滑动条目关闭正在运行的应用软件。iOS7引入了多任务界面,这个界面看起来就像是竖版的Android多任务管理界面,碰巧也是滑动条目关闭应用软件。然而,它内里的核心功能实现是完全不同的。Android的应用在后台是可以继续运行的,而iOS上的大多数——不是全部——应用后台时是处于“冰封”状态的,这意味着它们不会消耗系统处理能力还能在接受通知的瞬间被调起。这样的好处是可以保护电池,也意味着编程时必须特殊处理才能让应用软件可以后台运行。Google在iOS上最 新更新的Google+这个软件是个很好的例子,它马上可以实现在应用没有打开的时候上传照片到云端。

14 次浏览
详细解析手机移动应用的广告模式
详细解析手机移动应用的广告模式

yawei_liu:前段时间无意中接触了一款叫做“花钱Colormoney”的软件,名为“花钱”,实为帮用户赚钱的一款移动APP锁屏软件。如何赚钱呢?可能大家都已经想到了,就是做广告。但是这个APP的巧妙之处就在于将产品的广告图片作为用户手机的锁屏图片来呈现,用户滑动开锁一次可以赚取3分钱,滑动进入广告所展示的内容页可赚取6-9分钱。听上去虽然是蝇头小利,但是就是这微乎其微的几分钱不仅大大降低了用户对于广告的反感,而且还为用户带来了可观的收入,到底有多少?下面我来给大家算一笔账。对于用户而言:用户每天点击锁屏次数:平均 60 次每小时最多有效点击3次:共计  0.09 元一天10小时使用手机:共计  0.9  元一个月可获得利益:共计 0.9*30=27元一年可获得收益:共计 27*12=324元年收益324元,比普通的银行利率高多了,重要的是不用付出任何代价只需要下载一个APP。对于广告商而言:用户每天点击锁屏次数:平均  60  次按照5w用户算广告展示次数:共计 60*5w=300w/天广告点击率:3%-5%广告点击量: 共计300w*3%=9w/天每天9w用户的点击量是不是比花钱去做电视广告强多了。如果你是用户,你会不会下载安装这个APP?如果你是广告商,你是否愿意投钱在这个APP上做广告?

8 次浏览
详细解析移动端APP动画设计心得总结
详细解析移动端APP动画设计心得总结

扁平化设计越来越火爆,那么在弱化视觉效果的情况下,有设计师提到该从交互方面使体验更加愉悦,现在很多App也在努力朝这一方向发展。1、flipboard:利用上下动画来切换到下一个界面(由于网慢数据没有加载出来);2、Android主界面:界面元素使用直线型的轨迹来运动,使界面更具有科技的感觉;3、APP交换:列表从上到下或从下到上的曲线流畅滚动效果,很酷的(两个手机同时装上该 APP,靠近互换软件);

8 次浏览
浅谈各浏览器下字体排版一致的问题
浅谈各浏览器下字体排版一致的问题

麦时:我们知道同一种字体在不同浏览器上的表现有可能是不同的,除了浏览器,还有哪些导致表现不同的因素呢?不同系统下字形的渲染也是不一样的,根本原因是什么呢?我们希望各浏览器下字体排版一致,实现的话有完美的方案吗?带着这些问题我们来看看字体渲染的过程:解码了解解码之前,我们稍微先简单回顾下编码的一些知识,常见的名词有:ASCII 、GB2312、Big5、Unicode、UTF-8,它们之前有什么区别或联系呢?简单来说,起初美国国家标准协会ANSI制定了一个标准,规定了常 用字符的集合以及每个字符对应的编号,这就是ASCII字符集(Character Set),也称ASCII码,当计算机慢慢发展,人们发现之前的128个的字符不能满足需求了,于是便在原基础上进行扩展,GB2312、Big5等都属 于扩展后的编码方式,再后来呢,为了实现在一份文档中可以正确显示所有类型的字符,于是Unicode字符集诞生了,而UTF-8是Unicode的实现 方式之一, 与之相似的还有UTF-16和UTF-32。回顾了编码,我们再来看解码,浏览器收到网页内容后,首先需要把这些内容转化为可阅读的文本,上面我们也提到了,不同国家或语言会使用不同的编码方式,那怎么去判断编码方式呢,方法有下面这些(优先匹配前面的规则,如果没有,则按顺序往下匹配):Web 服务器返回的 HTTP 头中的 Content-Type: text/html; charset=”"的编码网页本身 meta header 中的 charset 部分浏览器菜单里一般允许用户强制指定编码部分浏览器 (比如 Firefox) 可以选择编码自动检测功能,使用基于统计的方法判断未定编码。分段

8 次浏览
分享设计师提升工作效率的神器法宝
分享设计师提升工作效率的神器法宝

说是专为自由设计师准备,事实上每个设计师都值得拥有,来吧不管是不是自由设计师,下面这些资源都足以震撼你的心灵提升你的工作效率,至于你信不信,反正我信了。一、设计/开发工具在此平台上展示你的原型或半成品。在你展示的过程中客户不知不觉就看到了你的进步!通过Mail’ette你可以创建作品快照,把左右相关的编译、链接、PDF都在此展示出来,而且永远不必担心上传不了或图像丢失,该平台还提供了一个客户反馈机制、结账方案,直接和客户挂钩,省去多少心力啊!由Macrabblit开发的一款切图利器slicy,专门为大家解决在切图过程中遇到的问题。切图耗时耗力,有了slicy,可以为你节省大把的时间,只需要我们在设计psd文件时将需要切图的图层命名去设置一下,比如我要切一张背景的话,那么这个图层的命名就是 bg@2x.png,  retina版设计稿可以直接生成低清的切图,非常方便。Skitch 是一款图片编辑和分享软件,同时提供 Mac 版和 Android 版应用免费下载。Skitch 的图片也可以上传到 Evernote 上,并且新增了图片旋转功能。基于HTML,CSS,JAVASCRIPT的简洁灵活的流行前端框架及交互组件集。

7 次浏览
锦上添花:让图示穿上颜色说说话
锦上添花:让图示穿上颜色说说话

文字、图片以及图示可以说是用户界面中最重要的三种基本元素,使用图案代表文字有很多的优点:例如跨越语言限制、降低制造成本、降低学习成本等等。最常见的一个例子就是男女生厕所的区别标志,从最常见的人形符号、性别符号以外,我们也常在许多场合看到各种创意的性别区别符号,像是电影「赌侠」中在赌神号中的厕所门口即是用PUKE牌的 King 以及 Queen 来做为男女厕的区别符号。用户界面系统中也有许多常见的符号标示:打勾代表确认、叉叉代表取消或删除、放大镜可能是代表搜寻、放大或者是缩小、垃圾桶当然很直觉的就是删除了。以及来自于音响界面上的播放、停止、跳转等等。从极度形象化的到抽象的皆有,这些都是我们相当熟悉的用户界面符号。而其中有一个容易被大家忽视的符号:0 与 1,我们可以在很多开关中发现其踪迹,像是以下这个是 iOS 系统中开启「勿扰模式」的状态:0 与 1 的符号在现今被简单的定义为开与关闭的意思: 0 代表着 off (断电),而 1 则代表 on (接通)的状态,在计算机以及电路中皆是如此,事实上在许多应用场合中并不是写上 0 或 1 的符号,更多时候是使用简单的

12 次浏览
网页中常用的19个WEB安全字体及CSS写法
网页中常用的19个WEB安全字体及CSS写法

但多数情况下,考虑各个因素的影响我们还是在尽量充分利用这些默认调用的字体实现CSS的编写,这里整理了19个Web安全字体,让你无需任何顾虑的情况下畅快使用。1,  Arial 微软公司的网页核心字体之一,最常用的sans serif字体,当字号很小时不容易阅读。但是,大写的“I”和小写的“l”是无法区别的,你可以考虑用Tahoma字体来替代。 (苹果系统没有这种字体,但有一种对应于Arial的字体叫Helvetica,它是MAC机上与Arial 字体最相似的WEB字体,是别一种非衬线字体.它是一种性能优良的打印字体,但在屏幕上表现不是很好,说道Helvetica字体,昨天发现了很多有意思的站点,主要是纪念Helvetica字体诞生50年而设的。)CSS写法:font-family: Arial, Helvetica, sans-serif;2, Arial BlackCSS写法:font-family: ‘Arial Black’, Gadget, sans-serif;3, Arial Narrow

10 次浏览
详细解析跨界混搭的产品设计
详细解析跨界混搭的产品设计

混搭」这词常见于「流行音乐」中,是将两种不同的风格的音乐混合在一起,产生新的趣味的做法,有 1+1>1 的效果。而在我们熟悉的互联网中其实也有不少「混搭」形式,结合最近在做的产品正好做了一个简单的分享。第一阶段:Web2.0 MashupWeb2.0 时代从一开始就有「Mushup(混搭)」的理念,各种号称 Web2.0 的网站或多或少的都会有 API 或着类似工具让大家方便调用内容,很多网站到现在还保存着这些功能,如果经历过 Web2.0 时代的同学,一定会对那是博客右侧的显示不同网站内容的小工具记忆犹新。印象中比较深的小工具有:Flickr Badge,Twitter 小工具,豆瓣的收藏秀等。Flickr Badge,可以自定义照片的布局和显示的数量,然后生成代码引用Twitter 小工具,可以把 Twitter 的内容生成引用豆瓣的收藏秀,把在豆瓣上看过的书,电影,音乐,舞台剧进行生成引用第二阶段:产品+移动的融合

6 次浏览
详细解析网页社交登陆表单的那点事
详细解析网页社交登陆表单的那点事

小伙伴们,今天我们要来探讨一下社交登录表单的那点事。什么是社交登录表单?和单纯的注册与登录不一样,现在是社会化的合作时代,一切都讲究共赢、高效!而社交登录表单正是为我们提供了一个快速进入网站的入口,通常包括注册和登录两部分。社交登录入口一般都是facebook、推特、新浪、qq等。要想使用网站提供的社交登录表单功能,前提是你有那些社会化网站的帐号,不过这个时代,谁会木有QQ或者微博呢。话说国内的一些网站利用社交登录表单登录后,体验很不好,层层跳转,进入网站后,依然要填写一大堆个人资料。而且每次还不能记录登录状态!这哪里是提供便捷,分明只是一个噱头而已。直观看一个例子 Wunderlist:该应用允许用户使用社交账号登录,也可以另外直接创建账号。直白地说,社交登录表单就是一个进入某系统的入口,用户可以在这里注册账号,实现快速登录。社交登录表单用例

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