Skip to main content

Home/ Groups/ ocean's应用设计
Rss Feed
Sort By: Most Recent | Popular Filter: All | Bookmarks | Topics Simple Middle
ocean wu

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

isux.tencent.com/017-hiking-activitydesign.html

应用设计 案例 logo 活动

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

游戏应用中心品牌更新 - 体验设计 - 腾讯ISUX - 0 views

isux.tencent.com/-app-center-brand-renewal.html

应用设计 logo 案例

shared by ocean wu on 05 Jul 17 - No Cached
  • ocean wu on 05 Jul 17
     
    "原名"应用中心"，不仅有游戏还有其他应用，所以旧Logo有"APP"字样。随着app的份额减少弱化，应用中心决定把重心放在游戏的部分，因此需要重新设计品牌标志。"
ocean wu

锐变启程 化繁为简 - 体验设计 - 腾讯ISUX - 0 views

isux.tencent.com/sng-logo-system.html

案例 logo 应用设计

shared by ocean wu on 05 Jul 17 - No Cached
  • ocean wu on 05 Jul 17
     
    "核心剖析社交网络产品LOGO设计系统。"
ocean wu

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

hi.baidu.com/...508452544c156d52564e00b0.html

设计 网页设计 信息架构 文档

shared by ocean wu on 17 Jun 17 - Cached
  • 栅格设计系统（又称网格设计系统、标准尺寸系统、程序版面设计、瑞士平面设计风格、国际主义平面设计风格），是一种平面设计的方法与风格。运用固定的格子设计版面布局，其风格工整简洁，在二战后大受欢迎，已成为今日出版物设计的主流风格之一。
  • 网页栅格系统下的定义为：以规则的网格阵列来指导和规范网页中的版面布局以及信息分布。
  • ...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 on 17 Jun 17
     
    网页的栅格系统设计给整个网站的页面结构定义了一个标准。对于视觉设计师来说，他们不用再为 设计一个网站每个页面都要想一个宽度或高度而烦恼了。对于前端开发工程师来说，页面的布局设计将完全是规范的和可重用的，这将大大节约了开发成本。
ocean wu

Vladstudio.com - 免费桌面墙纸，宽屏、双屏、iPhone 墙纸，手机背景，桌面时钟，电子贺卡 - 0 views

www.vladstudio.com/home

壁纸 links 设计

shared by ocean wu on 17 Jun 17 - Cached
  • ocean wu on 17 Jun 17
     
    造像抽象独特,交互式分类,跟以前的挖酷一样.
ocean wu

Coroflot - Design Jobs & Portfolios - 0 views

www.coroflot.com

分享 创意 links 设计 社群

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

Icojoy - icons shop - 0 views

www.icojoy.com

icon 资源 设计 links

shared by ocean wu on 17 Jun 17 - Cached
1 - 20 of 156 Next › Last »
Showing 20▼ items per page