Skip to main content

Home/ ocean's应用设计/ Group items tagged 设计

Rss Feed Group items tagged

ocean wu

网页的栅格系统设计 - 0 views

  • 栅格设计系统(又称网格设计系统、标准尺寸系统、程序版面设计、瑞士平面设计风格、国际主义平面设计风格),是一种平面设计的方法与风格。运用固定的格子设计版面布局,其风格工整简洁,在二战后大受欢迎,已成为今日出版物设计的主流风格之一。
  • 网页栅格系统下的定义为:以规则的网格阵列来指导和规范网页中的版面布局以及信息分布。
  • ...15 more annotations...
  • 30个最顶尖的基于栅格系统的博客网站设计。
  • 网页栅格系统的原理与应用:
  • 我们把宽度为“W”的页面分割成n个网格单元“a”,每个单元与单元之间的间隙设为“i”,此时我们把“a+i”定义“A”。他们之间的关系如下: W =(a×n)+(n-1)i 由于a+i=A, 可得:(A×n) - i = W 这个公式表述了网页的布局与网页“背后”的栅格系统之间的某种关系
  • yahoo的网站页面宽度为W=950px,每个区块与区块的间隔为i=10px;如果应用上面的公式,可以推出A=40px,既yahoo首页横向版式设计采用的栅格系统为: (40×n)- 10 = W
  • 下面我们列出当n等于不同数值时W变化的数值表格
  • yahoo首页的布局完全是按照栅格系统进行设计的,每个区块的宽度对应的n值分别为:4,11,9。在这里我们看到一个很有意思 的事情:只要保证一个横向维度的各个区块的n值相加等于24,则即可保证页面的宽度一定是950px。然而,950px的宽度也恰好就是当n=24的时 候,W的宽度值。由此我们得出以下的应用模式:
  • 在栅格系统中,设计师根据需要制定不同的版式或者划分区块,他们的依据将是上面的那张对应表进行设计。这样,一个栅格系统的应用就从此开始了。
  • 它给整个网站的页面结构定义了一个标准。对于视觉设计师来说,他们不用再为 设计一个网站每个页面都要想一个宽度或高度而烦恼了。对于前端开发工程师来说,页面的布局设计将完全是规范的和可重用的,这将大大节约了开发成本。对于内 容编辑或广告销售来说,所有的广告都是规则的,通用的,他们再也不用做出一套N张不同尺寸的广告图了……
  • 我们可以衍生出任何一种栅格系统,只要改变A和i的值,这个根据网站的实际情况来制定。那么如何选择合适栅格系统,主要通过“构成 要素与程序、限制与选择、构成要素的比例、组合、虚空间与组合、四边联系与轴的联系、三的法则、圆与构成、水平构成这些设计元素规划,来实现比例和谐的平 面设计”。
  • 对于内容信息不确定导致高度不确定的页面,在高度层面上就无法做到栅格了。
  •  
    网页的栅格系统设计给整个网站的页面结构定义了一个标准。对于视觉设计师来说,他们不用再为 设计一个网站每个页面都要想一个宽度或高度而烦恼了。对于前端开发工程师来说,页面的布局设计将完全是规范的和可重用的,这将大大节约了开发成本。
ocean wu

2009年海外Web设计风潮(上)_斐派精准 - 互动体验,精准营销 - 效果为先,见效付款,承诺效果 - 0 views

  • ...73 more annotations...
  • 1. 凸版印刷风格 这种风格有些出人意料,可能因为之前很少有人使用。该风格在在各种主题的网站中都有,但主要用于产品设计或在线服务类网站。
  • 2. 富UI 现代 Web 中的 UI 变得越来越漂亮,越来越好用。过去的一年,Web 中的 UI 有了显著提高,有了一种接近桌面的感觉。Ajax 和 Flash 被广泛使用。 特别是我们比去年看到了更多留白区域,还看到很多现代的 UI 技术会显示用户同系统之间交流的视觉状态,比如,按钮在正常和被按下时显示不同的样子,用户同系统交互时能及时得到反馈,另外,越来越多的服务可以被用户定制。
  • 3. 透明 PNG 使用 PNG 实现透明虽然不被 IE6 支持,却在过去的一年大行其道。设计师们似乎正在尝试将背景图片和内容融合并实现一些印刷媒体的风格。比如,将 PNG 半透明图片放到整体背景的某个区域上,用来加亮显示这个区域,如标题或声明。一些 PNG 同名技术还用来实现灯箱框效果。 Smashing Magazine 去年曾有篇使用透明效果实现创意设计的文章,很多设计师在他们的作品中开始尝试这些技巧。有趣的是,透明效果常被用于页首和页尾部分,不过也有些例外。
  • 4. 巨大字体 以前的文章中我们曾介绍过巨型字体设计,2009年,巨型字体设计还会风行,尤其是那些设计社,以及展示型,产品介绍型,或在线服务型网站,他们会使用巨型字体显示重要信息。 巨型字体设计中使用的字号往往超过36px,设计师们对字体编排注入了更多关注,以实现更漂亮,更连贯,更值得信赖的站点。
  • 5. 代用字体 设计师们还把更多注意力放到字体上,虽然经典的 Web 字体,Helvetica, Arial, Georgia 以及 Verdana 等仍占主流,一些代用字体正浮出水面(如 sIFR)。 有趣的是,这些字体会和设计无缝地衔接,设计师们似乎并非为字体而字体,而是要将字体同他们的设计结合在一起实现更漂亮的效果。
  • 6. 灯箱效果 灯箱框是第二代弹窗,它们比第一代基于 JavaScript 的弹窗更友好,可以让用户将注意力集中到最重要的部分。这些窗口一般由用户的某个行为激发,并显示在其它内容的上层,他们有时候是半透明的,并包含一个关闭按钮。
  • 7. 媒体块 随着宽带接入的普及,用户现在可以承担更丰富的内容,设计师们也借机提出更有吸引力的内容。越来越多产品网站使用媒体块显示视频,让用户更容易理解这些内容。用户只需靠在椅子上看视频,不需要一步一步往下点,这些食品通常比较短,直奔主题,虽然很正规,但也包含一些娱乐性。 不过请注意,视频应当是你内容展示方式的次要选项,并不是所有人都有宽带接入,也不是所有人都喜欢有视频播放(他们可能正在后台听网络收音机或播放音乐),另外,也不是所有人都启用了 Flash 和 Javascript。
  • 8. 杂志外观 传统印刷媒体设计中使用的编排技术也出现在 Blog 设计中,文章的编排,文字排版,图片甚至对其方式。基于网格的设计也很流行,但主要用于展示与产品页以及大型博客,极少用于公司网站或网店。
  • 9. 滚动幻灯导航 幻灯片水平和垂直滚动,可以向不同方向滚动,当前项加大加亮。这种导航技术可以让用户快速直观地浏览站点中的内容。一般常用语娱乐性网站,另外,设计者还可以使用该技术展示他们的作品。
  • 10. 在重点位置做形象展示 网站的左上方一般是一个站点最重要的区域,因为那是用户注意力最集中的地方。因此,在那个部位放上网站中最重要的信息是明智之举。 事实上很多设计师正是这样做的,不管是 Web 程序,公司网站,在线服务还是作品展示,设计师们将口号或简介性内容放在那里,并使用醒目的排版给用户以良好的第一印象。这些内容长短不一,不管哪种方式,但它们都占据可观的空间,一般横跨整个幅面,高度在250到400之间。不过这些形象展示性区域一般并不用于博客或在线商店。
  •  
    2009 Web 设计风潮 1. 凸版印刷风格 2. 富UI 3. 透明 PNG 4. 大字体 5. 代用字体 6. 灯箱框 7. 媒体块 8. 杂志式样 9. 幻灯滚动 10. 重点展示区域
ocean wu

2007标志设计趋势_Yum.cn Design Studio - 0 views

  • 双螺旋 脱氧核糖核酸,单听这个绕口的名字,大概没有人会认为它能对设计产生什么影响,然而,如果你说它的俗名--DNA,情况就完全相反了。这是我们的生命的之源,这是掌握过去和未来的密码,这是各种有生命意义的代称。
  • 橡皮圈     对于没有经过的训练的眼睛来说,Invista, 这家全球纤维生意老大的标志,简直就像抽屉里几个随意拧在一起的几个橡皮圈,然而,仔细看看,不难发现设计者的巧妙用心,象征着纤维的环,一分为二而又交织缠绕在一起,暗含着产品关联和群策群力,配以外面的大环,揭示着该公司国际化的视野和作为。
  • 生态智能     号召保证地球可持续发展的鼓点像其宣扬的精神一样持续有力。人类对其生态福祉的关注,已经通过各式各样的标志,在Logolounge发布的每份报告中,都构成了一种潮流趋势的核心。事实上,我们依旧在报道它的影响,这不是一个孤立的事件,而是对其本身可持续性的一个可持续证明。
  • ...14 more annotations...
  • 下面是完整的2007年标志趋势报告。不论我们是否提到社会、概念或者唯美的趋势,请记住,他们中的任何一个都不是空穴来风,也不是灵光忽现,他们是此前众多潮流互相影响的结果,而且正在发展成主流。          同样,你也会注意有些趋势是跨界的。比如,双螺旋以及彩带之间有很多相似之处。这些归类的目的是让我们更深入地关注各趋势在本质上概念的不同。我们的观察仅是观察而已,不是推荐,在此的排列也是随机的。
  • 都市搪胶公仔     让文字穿梭舞动于标志和吉祥物间已经有些年头了,即使Cingular Jack时代也有一点儿突破纸面印刷呈显动画的意思。都市搪胶公仔已经成了一种亚文化,悄悄地走进了标志设计界,而这些字符也早被归类整理,作为不可或缺的参考,供放在设计者的案头了。
  • 消逝的圆点     当你开始询问这种设计的概念,你会发现它无所不在--这份报告的其他类别中也有。除去极少的例外,这些标志都是一系列的圆点组成,按照一定轨迹不断消逝或聚起,绝大多数这种标志通过活动中的韵律感来提升自我的表达。
  • 放射     并不是荧光笔的使用给设计界带来了这种发光的图案,放射状的设计由来已久。光明从来都让人激情澎湃,而今天的光线已经找到了新的表达自我的途径。光芒万丈本源自太阳,然而它也可以从水波、珍珠、书页、甚至异化的X-box中来。放射状的应用也十分广泛,覆盖物,倾角,折射衍射,聚焦,动画,无一不可。     这些标志传达的是一种温暖和舒适,而不是黑暗的隧道尽头的光明忽现。
  • 同心,同心     去年,我们曾经用我们以前界定的标志类型给给几百个web2.0的标志归类,这是一项有趣的尝试,我们找到了一些标志的踪迹,然而,有相当数量的一批标志是无法在以前的种类中找到依循的,这就是我们所说的“同心”组。这些标志大都是围绕一个核心,有众多的小点儿(通常对称地)离散出去。这种标志可以用于任何一种网上社区的交流结构,没有了集节的中心,个体就无所依傍。所以无论这些标志是不是表达的交 流工具,从中心向四方传送是这个概念的核心。
  • 半隐半现,欲说还休     用乐观的精神,我们要说,啊,很不错,这些标志还有一半呢(注:悲观的说法:天哪,这些标志怎么只剩下一半了?这个写文章的人还挺逗的)吸引公众猜想他们的本意也是标志设计者惯用的伎俩:)
  • 花+枝 招展     我们不妨设想一下,如果你给一个标志浇上水,让它撒满阳光,它会抽出什么样的芽、开处什么样的花,结出什么样的奇异的果实?而这些或许异想天开的想法,可能就是去年Embellish趋势的进一步演化,或者它会变成另外一个更大趋势的子集。
  • 光照     设计者们继续不遗余力地大炒前辈们留下的规则。然而,就像标记弧线之于CMYK一样,很多限制也早已无关紧要。特别是,许多设计人员和客户都明白,他们永远不会在大黄页上印刷他们的标志,所以对他们来说,至少做一个两维或者单色版的标志根本没有必要。
  • 重叠     在某种意义上来说,今年的重叠既是由去年的覆盖趋势演变而来,同时也是声势浩大的“透明一派”的直接延续。尽管仍然依靠颜色叠加烘托层次,今年的重叠更注重于其中的联结部分。这些有集合、子集蕴意的重叠图形被顺理成章地用来表示公司内的各种联结。至于透明,别忘了,透明度在企业界可是一个时髦词儿:不只是财政需要透明,公众、员工、投资者,谁都有理由需要“透明”的公司。
  • 三维     从飞出物、折射、玻璃纸这些开始,标志早已经行进在三维的路上了。但是总的来说,这只是在做表面文章而已,并没有真正转过身去,给别人一个后视图。一旦标志设计开始认真的考虑三维的道路,就有一系列问题接踵而来:如果我把这个标志旋转90度,还是我的标识吗?如果我从一个模糊的角度向这个标志慢慢推进,看到的还是我的标识吗?如果我把标志上的光去掉,还是原来的标识吗?
  • 视觉魔术     有谁不会被眼前的视觉魔术深深吸引呢?不经意一瞥,然而却身不由己地一看再看。对好奇的眼睛来说,说它是一种挑战也好,愉悦也好,不变的结果是,我们会注意这些标志。这些视觉幻像通常是线性的,里面有个埃舍尔怪圈挑在战我们视觉的的生理机能。或者有些标志乍看上去简单明了,直到你开始被绕得头晕眼花才发现里面的玄机。
  • 丝带     确确实实,中国有些城市是因为出口一些带子而存在的,是一种叫做“magnetic cause ribbon"的带子。从什么时候开始这种扣在一起的丝带开始成了流行语而风靡世界?是的,我们想表达我们关心,我们支持。但是真正的丝带的原始含义和精神早已经风吹云散,没有什么人知道了。很多事情需要我们的关注,于是我们系起丝带,然而,我们似乎应该意识到,丝带已经被我们滥用,眼下,需要来一个清理整顿了。
  • 动画:正如开头指出的,这些标志生来就是处于运动中的,而不是先做出不动的,再让它动。 花环:名目繁多,美仑美奂,以至于人们有时候不会把它看作标志而是图案。 彩虹:大概由时髦词“兼容并包”衍生而来,不过毋宁说是客户对明亮色彩的“宽容度”滋生了这种趋势。 数字:把数字插入字母之中,文字的完美游戏。 镂空:设计者们在玩儿捉迷藏。设计从虚空中来,或者到虚空中去。 龙:龙的世界,万龙飞舞。
  • 面具     乍一看上去,这些标志就像是纹章手册里的图案,直到你能区分出里面的组成部分,只有这个时候,你才差不多能看到里面的扳子,吉他,企鹅(?),鞋子,手机等等你从来没有想过在亚瑟王宫发现的东西。这是一曲青春赞歌,设计者们已经把它作为一种流行文化和音乐工业的语言源。而实际上,这也是一种时尚趋势,会遍地开花,尽管它源自英国的纹章学以及更复杂的维多利亚时期壁纸的事实并不为人所知。
ocean wu

2009年海外Web设计风潮(下)_斐派精准 - 互动体验,精准营销 - 效果为先,见效付款,承诺效果 - 0 views

  • 反 Box 式布局 单页布局 多栏布局  巨型插图与多变背景 更多留白 社会网络元素 讲解式导航菜单 Status elements (Flickr, Twitter et al) 动态 Tab  超大搜索框 Category visuals 作者头像图标 (这也算?-译者) 图标和视觉引导 Tag 索引 (取代 Tag 云) 插图风格 水彩风格 手写风格 怀旧风格 有机纹理或照片背景 证章风格 价格标签风格  条带风格
  • ...51 more annotations...
  • 2. 单页布局 单页布局是使用一个单一的页面展示站点的全部内容,这并不意味着站点内容少,这个页可能很复杂,包含了大量图形和动画效果,加载的时间也会有些长。比如,用户点击导航菜单后,该栏目下的新内容会在旧内容处通过渐入渐出,滑入滑出等动画效果显示出来,而页面其它部分始终保持不变。(白宫的最新网站的首页就有这个意思 - 译者)
  • 3. 多栏布局 多栏布局(大于3栏)通常比较复杂,但通过适当设计,会对访问者带来更好的访问体验。最近几年,Web 内容爆炸,用户停留在一个网站的时间越来越少,就要求  Web 设计者尽可能有效地展示数据,既要让访问者多停留,又要让他们更容易发现他们希望看到的内容。
  • 多栏设计一般用于杂志布局或展示型布局站点,一般使用网格布局技术实现。多栏布局一般使用概述/细节式结构,首先用多栏展示概述式内容,然后进入详细内容的展示。Mozilla Labs 就是一个很好的例子。
  • 4. 巨型插图式与多变背景设计 象巨型字体主导当前 Web 设计一样,巨型插图风格设计似乎也正流行起来,巨型插图可以和巨型字体的结合使用,带来更吸引人,更生动的效果。 另外,设计师们越来越喜欢使用那些色彩鲜艳的图形提供背景,包含各种风格,抽象画,剪贴画,剪贴簿,装饰画,怀旧,水彩,有机纹理以及照片背景等。
  • 5. 更多留白 这是近年来最值得期待,也是最有意义的 Web 设计风潮,设计师们在页面留白方面越来越慷慨。(这也是我非常欣赏的一种风格,只可惜在我们国内,仍有大量的客户认为满当当的页面说明你的公司实力雄厚 - 译者。)
  • 6. "社会"网络元素 任何人都喜欢流量与认可,在 Web 设计中加入社会网络元素,可以鼓励你的访问者参与进来。(不过在 Web 2.0 日渐式微的今天,也许满页花里胡哨的社会网络元素正逐渐变得让人厌烦 - 译者)
  • 7. 解释风格的导航 传统的水平导航条,一般是一些标题连接或图标链接,用户很难从这些短短的信息中真正知道这些导航所代表的内容,解释性导航会在栏目导航菜单上提供进一步解释内容,让用户更好地理解这些栏目代表的内容。
  • 这类导航一般使用更容易表达内容的大图标,加解释性文字,鼠标 Hover 效果也必不可少。
  • 8. 动态 Tabs 这类设计一般在页面加载时,将多个 Tab 中的内容一次性加载,通过 Javascript 或 CSS 效果,实现鼠标指向某个 Tab 时,该 Tab 中的内容立即显现。(微软官方站近一年来一直是这个设计风格的代表。- 译者)
  •  
    1. 反 Box 式布局 2. 单页布局 3. 多栏布局 4. 巨型插图与多变背景 5. 更多留白 6. 社会网络元素 7. 讲解式导航菜单 8. Status elements (Flickr, Twitter et al) 9. 动态 Tab 10. 超大搜索框 11. Category visuals 12. 作者头像图标 (这也算?-译者) 13. 图标和视觉引导 14. Tag 索引 (取代 Tag 云) 15. 插图风格 16. 水彩风格 17. 手写风格 18. 怀旧风格 19. 有机纹理或照片背景 20. 证章风格 21. 价格标签风格 22. 条带风格
ocean wu

网站的视觉设计 - 0 views

  • 1—logo:基本logo特征,符合logo设计基础(平面设计通用)显示器效果:清晰度,最小尺寸(因显示器分辨率而带来的,等同线下平面设计的印刷效果)2—文字:内容等级决定字体、字号大小、粗细;状态决定颜色(默认或者根据网站特殊统一)3—广告、内容图片:尺寸样式的定位,同一页面的和谐性,图片的优化,位置的节奏,大小对比。4—icon:品牌性,表达准确合理,设计手法(依据品牌性),一致性,作用:吸引,醒目,方便识别、理解、操作、记忆。5—可点击(button):区别(不可点击),根据人的生活经验:厚度,可按,质感(实体联想),色彩(品牌性、统一性、对比性);统一的样式大小(依据里面文字的内边距统一)6—背景图片:氛围效果营造,同产品的统一性,优化(品质大小,色彩信息,实现方案),7—图文排版:主图次文,图文节奏,空隙,模块化。8—当前状态:放大(形状),变色(反色、对比色、明度纯度区别色),链进链出后指定内容提示。9—交互控件:样式合理准确性(人对系统默认的认知和生活常规认知),状态(视觉表现样式和动作过程优化),创意。10—loading:内容关联性(loading前后的内容关联),无聊等待的乐趣,体积、面积优化,创意。11—用户反馈_ 成功、出错、提示、无结果:文案(明确、合理、人性化、创意),图形(明确、醒目、色彩的心理认知准确度)。12—动画效果:过程合理(模拟真实环境的合理化),连续,节奏感,用户日常动作表现,音效配合,创意。13—首尾设计:首(品牌宣传、自身特点、明确内容、气氛表达、创意。尾:呼应、节奏(与首),创意。14—适应屏设计(全屏设计):最大最小屏幕的考虑(文字、图片的位置、折行效果)15—固定尺寸的栅格设计:合理的单元格(考虑黄金分割),单元格面积节奏,边距统一性16—demo设计样稿:对内容最多最少的考虑。17—页面:品牌性,基调元素一致性,复用性,节奏感、面积感,视觉第一吸引,引导浏览,点线面关系,素描原理(运用素描的基本规律来做页面)。18—阅读:背景对阅读(视力)的舒适度,内容与背景的对比舒适度
  •  
    页面设计的要素及解释
ocean wu

一起出发 为爱徒色 - 体验设计 - 腾讯ISUX - 0 views

  •  
    "品牌设计  BRAND DESIGN " 一起出发,为爱徒色 " 新年活动根据其徒步的属性,围绕Slogan为设计基础,展现属于腾讯社交网络事业群的文化,以充满活力、年轻四射为品牌调性,通过标志设计、主视觉设计以及一系列的周边设计来塑造品牌。为了让品牌标志更好的诠释活动的定位与性质,将"一起出发,为爱徒色"这一徒步活动进行了关键词的提取 。"
ocean wu

佳印网 - 0 views

  •  
    佳印网是一家在今天正式上线运营的名片自助设计和印刷服务网站,致力于向中小企业和广大用户提供创新的、专业的名片自助设计和印刷服务。 佳印网是由福昕软件(Foxit Reader母公司)独立研发和运营的一家基于名片自助设计和印刷服务为一体的半电子商务平台;通过整合PDF技术、网络技术和胶印技术,面向向中小企业和广大用户提供创新的、专业的名片自助设计和印刷服务。 目前,佳印网主要提供了SDD软件自助设计、在线订购名片服务等立足于互联网的订购服务。 传统的软件行业在经历了长时间的发展停滞后,终于又掀起新一轮的发展浪潮,我个人觉得,这在很大程度上得益于互联网上出现的众多可圈可点的技术以及迎合着市场变化所作出来的革新。福昕能够从传统(软件、印刷)行业的怪圈子里跳出来,并开始充分考虑和利用自身的技术优势,同时着眼于互联网上自助和电子商务服务在我看来实属不易,他们正在通过信息化手段改变传统名片印刷行业的的业务流程和经营模式。大到携程、凡客诚品,小到杂七杂八的礼品定制网站,事实在告诉我们,运营者要想在短时间内看见真金白银的收入,唯有让互联网成为一种工具去迎合传统行业才是真正一件靠谱的事情。我看好佳印网,原因很多,其中我认为最主要的两个原因:母公司所掌握的PDF核心专利技术以及公司多年资深的印刷经验。
ocean wu

Blog Archive » 随意衣架 - 0 views

  • 这是07年红点设计大奖的获奖作品,ADDI设计,一个可以随意控制挂钩高度的衣架. 见过电工使用的那种用来攀爬电线杆的脚蹬的同学,看到这个设计应该会觉得很熟悉,这个设计中的挂钩不需通过螺丝、插销等常见方式与竖杆相连,而是仅仅依靠摩擦力. 不要担心重物会滑落哦,挂的东西越重,它反倒越牢固呢.
  • 这是07年红点设计大奖的获奖作品,ADDI设计,一个可以随意控制挂钩高度的衣架. 见过电工使用的那种用来攀爬电线杆的脚蹬的同学,看到这个设计应该会觉得很熟悉,这个设计中的挂钩不需通过螺丝、插销等常见方式与竖杆相连,而是仅仅依靠摩擦力. 不要担心重物会滑落哦,挂的东西越重,它反倒越牢固呢.
ocean wu

7在移动应用程序的设计热门趋势 - 0 views

  • 1。 在“Instagram”效应
  • Instagram 已经证明自己是Tweetie的或2011年上注册。 照片共享应用程序是正确的爆炸了,Instagram是领导用户界面包的功能和条件。
  • 我们完全有理由相信看到照片的应用程序以及通过到2011年Instagram的导航结构,饲料浏览显示和即时预览效果。
  • ...8 more annotations...
  • 2。 大胆的,小学的色彩和光泽度最小梯度 色彩正在成为一种日益流行的开发方法,使他们的应用程序脱颖而出的竞争中脱颖而出。
  • 3。 复古照片取景器 如应用 Hipstamatic 和 8mm的老式相机 [iTunes的链接]是一个很好的例子,过去现代科技如何改造可以。 background-image: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: tra
  • 现代移动应用程序不需要依靠文本,但微软已经向我们表明,若使用得当,文本驱动的接口,高度可用和可对眼睛很大。 最好的应用程序,拥抱文本为中心的方法是那些在上下文中使用适当的文字。 文字作品时,最好是大,易于阅读和其他界面元素的束缚。
  • 5。 平整,清洁渐变和阴影的深度
  • 利用阴影,创造出深度知觉可以给这些按钮和界面元素更“触摸”外观和感觉,同时也出现更加突出。 这些影子也可以工作,特别是在应用程序,没有一个简单的列表视图界面。 例如,在 XfinityTV程序 ,左声道栏可以独立移动从主编程部分。 而不是只用一个网格,Xfinity添加阴影,明确划定两个部分。 用户可以立即感觉到,元素是独立的,可以独立控制。
  • 6。 文本驱动的接口
  • 4。 纹理,纹理,纹理 随着大胆原色的趋势,应用开发商也转向使用他们的应用背景纹理和图案。 木质板是一个非常受欢迎的选择,半透明的菜单项经常看大背景,对这些类型。 应用程序,像一些 杰米的食谱 重叠元素的使用,以及在纹理。 纹理驱动程序设计经常使用的文字和插图各级的透明度。
  • 7。 薄饰线字体 随着移动应用服务发展,开发商转向远离标准的应用程序的字体和利用更多的用户砝码,样式和大小。 像阴影和深度轮廓,在移动应用程序版式设计线索很多来自网络。 薄无衬线字体 - 通常与一些阴影的水平 - 在桌面上越来越多的网页设计共同的地方。 在移动设备上,天拿水型,高解析度的屏幕组合常常使一个更可读的经验。 它也有助于区分应用程序。 薄无衬线字体常常与文本驱动的设计或与设计,利用背景纹理。 background-image: initial; background-attachment: initial; background-origin: initial; background-clip: initial; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; border-style: initial; border-color: initial; font-size: 100%; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; outline-width: 0px; outline-style: initial; outline-color: initial; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; vertical-align: baseline; display: inline; background-position: initial initial; background-repeat: initial
ocean wu

IJDesign 国际设计专业期刊 - 0 views

  •  
    国际设计专业期刊 International Journal of Design是由台湾科技大学工商设计学院创办,从主笔和总编的简要介绍来看,基本软构造是一帮世界各地的学者组成,很纯粹。虽然这份期刊的内容在调研方式上有很多不足,但是作为学术研究,最大的贡献就是提出更多的可能性,这点是怎样都不可否认的。International Journal of Design最大的优点是切入角和研究方式不泛泛,让我们能够更多的去了解设计的逻辑层、数据层
ocean wu

响应式网页设计与SEO-卢松松博客 - 0 views

  • “响应式网页设计(Responsive Web Design)”也就是自适应,就是可以自动识别屏幕宽度、并做出相应调整的网页设计。
  • 有5个好处:1, 随着移动设备越来越多,可以提升用户体验。2, 该设计没有网页版本区分,所以SEO的策略保持一致。3, 可以避免重复内容,专心维护这一个网页。4, 保持网页的原有链接。5, Google也建议优先采用响应式设计,因为无论是什么网页版本都是相同的HTML、相同的内容,Google最容易处理。
  • 响应式网页设计对SEO是友好的
ocean wu

Coroflot - Design Jobs & Portfolios - 0 views

  •  
    一个设计师们分享设计项目的网站.有很多有趣的设计创意在里面被发现了.
ocean wu

超越理性的决策决定品牌购买 - 0 views

  • 品牌创造消费拉动,但是,品牌购买决策的心理是远远超过理性的本能。 事实上,短短五年的百分之采购是基于一种理性的,清晰的决定;百分之95都是无意识的决定为基础;而不是逻辑的情绪。通过了解,利用和连接的购物者,消费者,品牌和设计的见解,企业可以开发功能强大的,本能的包装设计,就可以与主要的情绪,产生高达百分之80的转换率(图1)了。本能设计元素
  • 使用某些设计元素和技术可以使你的品牌的包装更加强大...并帮助它本能的喜悦购物者和消费者。 其中包括:•形状和颜色 -该物种的能力,以使人类不断有好处-安全-环境的选择好自己的物品,在数以百万计的原因是,在很大程度上,和谐的颜色和形状。 该组合标志中的两个标志,产品包装和店内决定如何迅速-积极-消费者选择过程的一个品牌在一个又一个品牌的视觉信息和艾滋病。•创造角色 -对于品牌经营的羊群集中在儿童类,如餐厅,谷物,浴室用品,休闲食品或类似,具有特性对持牌/卡通产品包装能引起媒体的精明儿童(和他们的“看门人”的父母)接驳到一个喜欢的鸟类喜爱的品牌。 一个警告:某些人物和主题肯定是与年龄有关,有一天爱探险的朵拉是所有的愤怒和下一个生日这是一个比伯热坏箱子。background-image: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: transparent; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; border-style: initial; border-color: initial; font-size: 100%; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; outline-width: 0px; outline-style: initial; ou
ocean wu

猫梯_疯狂的设计 - 0 views

  •  
    不需要太大的地方,你家里的猫就可以上天入地了,它们也不再有时间破坏你的沙发,家具设计师 Bill 和 Maria 夫妇设计:
ocean wu

Magazine Racks 杂志托架 | IDSOO - 0 views

  •  
    一块钢板经过简单的折叠,几条褶痕让它富有建筑感,简洁而不失设计,这个杂志托架放在桌上不免吸引别人的目光,不同的颜色可供你选择!其实大家也可以动手试试,建材市场的彩钢板很便宜,边角料就可以了,也许你的更有设计感!
ocean wu

在线就能用!10个帮你修图+剪辑视频+PPT制作的网站 - 0 views

  • 1. Promo Promo给你高质量的视频剪辑,正版音乐和一个内置的文本编辑器,这样你就可以很容易的创建令人震惊的视频内容。
  • 2.Canva Canva让设计变成了一件简单的事情,所有人都可以自己来设计网站上和印刷品相关的设计:blog图像,演示报告,Facebook的封面、传单、海报、邀请函等等。
  • 3.BeFunky BeFunky图片编辑器允许您使用滤镜,编辑照片和用拼贴功能创建拼贴。
  • ...7 more annotations...
  • 4.Fotor Fotor提供免费的在线照片编辑功能,包括很酷的滤镜,照片拼贴功能等等。
  • 5.Snappa Snappa可以轻松的创建任何类型的在线图像。你可以为社交媒体和内容营销等等创建和发布图片!
  • 6. Biteable Biteable.com是一个免费视频和动画的在线制作网站,你也可以创建演示文稿、图标、广告、介绍等等。
  • 7. Animoto Animoto 能在短短的几分钟之内将你的照片和视频剪辑成专业的视频幻灯片。快速、自由、简单。
  • 8.Magisto 自动将视频和照片变成精美的电影。
  • 9.Shakr 定制视频是由专业的设计师为您在线编辑好的。
  • 10.Renderforest Renderforest是一个免费在线幻灯片制作器和动画视频制作器。你可以用它来创建幻灯片,宣传品和商业视频,动画和logo动画等等。
ocean wu

deviantART: where ART meets application! - 0 views

  •  
    全球最大的艺术家和设计者的社区 可以类似于 Youtube 那样产生一段输出到网页或者 blog 上的代码
  •  
    艺术家和设计者的社区,有着丰富的包括程序,设计,动画等等源码资源。可以类似于 Youtube 那样产生一段输出到网页或者 blog 上的代码,效果很不错
ocean wu

(影视后期合成软件)DISCREET COMBUSTION V4.0 >> Combustion >> 视频合成 >> CG下吧-CG资源下载站 - 0 views

  •  
    Disreet LOGIC公司在PC平台上推出的一款强大的影视后期合成软件,它把Effet和Pait集成到一个软件中,从界面的布局到功能的使用与操作都借鉴高端SGI和Inferno/Flint系列软件,这也使得Combustion 3成为PC平台上最具有竞争力的影视后期制作软件之一 Discreet combustion 提供了创造性的工具、速度和交互性,这一切都是行业所企盼、设计师所渴望的。绘图、动画、编辑和三维合成等所有功能完美融入于Discreet卓著的用户界面所构造的集成环境中。 Combustion , 满足了全球最优秀的艺术师的设计需求,提供了合理的价格定位,是为视频、电影、DVD、网络媒体等制作特效和运动影像的最佳利器。 Discreet 推出Combustion 的最新版本Combustion 4 其windows版本正式发布日期:2005.3.28;mac版将相对延迟一段时间。
ocean wu

动物书立 | 煎蛋 - 0 views

  • 很可爱的书立(或者图书分类架、书档),由日本设计师Hiroshi Sasagawa 设计,每个售价15美元。via
1 - 20 of 115 Next › Last »
Showing 20 items per page