标题：网页设计联盟
简介
  SDC优秀网页设计联盟[1]网页设计联盟，SDC（Superior Design Consortium）是一群行业爱好者 组成的非营利机构。每周六，SDC在业内召集众多设计总监、资深网页设计人员、设计爱好者等杰出人物，分享他们关于职业的技术、理念、思考和探索。同时，联盟为经验丰富的专家和积极努力的设计师提供了一个良好的展示自我的平台，更依凭时下热门的微博为载体，以优推荐、优秀网页设计、找茬页、页话等多纬度传承分享联盟精神。这些优秀的作品也经常会出现在行业内的网站和论坛中。该联盟的宗旨是“开放、分享、成长”。
活动
SDC成立至今，一直都得到广大业内好友和资深前辈的关注和呵护，已先后举行了大小讲座34次，邀请到的嘉宾都是业界资深设计名家或者在专业领域内有独到见解的设计师。历届活动列表场次
内容
分享人
就职企业
讲座时间
01
注册页面那点事
张鹏
SDC
2011.09.17
02
让list更有爱
张鹏
SDC
2011.10.15
03
字体成熟时
张鹏
SDC
2011.10.23
04
让专题飞起来
黄相祯
爱学网
2011.10.29
05
LOGO设计
张鹏
SDC
2011.11.06
06
真刀真枪干专题
老史
CCTV
2011.11.11
07
PS鼠绘
妞妞
阿里巴巴
2011.11.19
08
设计交流分享
韩雪冬
优艺客
2011.11.27
09
色彩搭配
韩冰云
联亿家科技
2011.12.11
10
求职时如何选择和甄别公司及职位
小吉HR
沃尔玛
2012.02.11
11
极度透视
NingMar
良品电商
2012.02.18
12
字体设计
刘兵克
字体江湖
2012.02.25
13
王子年和你一起畅聊网页设计
王子年
双晖传媒
2012.03.17
14
王坤和你畅聊设计路上喜怒哀乐
王坤
湖南卫视
2012.03.31
15
banner设计从入门到精通
人马
淘宝
2012.04.14
16
那杀千刀的简约&大气
Clh&杨华
南隼互动科技
2012.04.28
17
小蜗牛阿水的4A之路
明江
InterOne
2012.05.19
18
AI FONT 字体设计
pinnashow
腾讯
2012.06.02
19
配色和光的呈现
WOSER
阿里巴巴
2012.06.16
20
网页配色之叠柔配色法
大孔雀pavo
腾讯
2012.06.30
21
设计思路究极分享
谢思靖Punk
自由职业
2012.07.21
22
设计难言之隐
大飞-Merfy
飞信&优艺客
2012.08.04
23
色彩设计的奥秘
梁景红
自由职业
2012.09.01
24
像网页设计师一样思考（1）
梁景红
自由职业
2012.09.08
25
主动偷懒术
米田的天空
腾讯
2012.09.22
26
中国好设计
郁闷的鸡
自由职业
2012.10.23
27
TGideas设计策略
李若凡LAVA
腾讯
2012.10.27
28
谈产品变革时代的设计（线下）
向辉
百度
2012.10.30
29
沟通和设计的常见问题分析
王飞
飞鱼的声纳
2012.11.10
30
像素画入门基础
美丫
你丫才美工
2012.12.08
31
如何设计精美的产品页面
lcjeremy
淘宝
2012.12.22
32真刀实抢干专题2老史CCTV2013.01.1234网站设计优化经验技巧分享国凯站酷2013.03.09最新活动SDC第34期讲座,2013.03月09日晚20:00，设计师国凯带来网页设计优化经验技巧分享。
讲座精彩语录
主动偷懒术
腾讯大粤网 @米田的天空 SDC25
1）提高效率的目的我自己觉得有两个，一减少重复功，二做更有意义的事情。
2）一般成熟的经验体系会满足：获取——整理——取出——再创造。
3）思维框架搭建技巧： ① 可以用纸笔做记录，不过现在科技在向前，我们也需要些新的工具。我自己是使用“mindjet”做脑图~ ② 多利用零散的时间做这些东西，不需要花一整块时间思考，能大大提高整体效率~
4）提高零碎时间的使用率：智能手机是一种很重要的工具。具体参照《设计师的移动工具包》
5）拆解客户的需求：
① 让需求方先发他认为好的东西过来瞧瞧
② 我们要做的是判断我们能不能做的比那些东西要好
6）设计=客户+用户（可能会参与）+设计师的产物
7）设计师都是心理专家：a.第一稿尽量有所保留 b.给客户做选择题 c.从决策者喜好判断其偏好
8）收集素材的神器：evernote和花瓣。
收集不是盲目的，一定要做好分类。不是收集了就可以，还要你想用的时候能找到。
像网页设计师一样思考
@梁景红生命色彩之旅 SDC23
还沉浸在上一期的课程里？觉得意犹未尽？觉得受益匪浅？听@梁景红生命色彩之旅 老师讲课就像听情人唱小情歌一样有木有！初恋般心动的感觉有木有！好消息，9月8日晚19:50，色彩导师、设计教学作家梁景红老师再次与您相约在多贝网！告诉您如何像网页设计师一样思考！文@苏离酥梨
色彩设计的奥秘
@梁景红生命色彩之旅 SDC23
想成为色彩之王？想红配绿也能惊鸿一瞥？色相色阶色彩平衡各项参数晕头转向，色彩到底怎么配？江湖百晓生都不能告诉你的答案，让色彩导师、设计教学作家梁景红老师告诉你！9月1日晚20:00开幕，@梁景红生命色彩之旅《色彩设计的奥秘》现场直播，一切问题迎刃而解！文@苏离酥梨
屌丝设计难言之隐，沟通不能！
@大飞-Merfy SDC22
@大飞-Merfy 有些江湖匪气，喜欢对妹子们指手画脚，啤酒和稿子都是生活需要！有着专业的泡妞门道，设计路上大刀阔斧8年！得嘞！大飞来啦！你的难言之隐，跟玩世不恭的大飞聊聊！出来混！今夜就还你一啤酒肚的江湖诀窍！本周六晚八点！设计要高调，帮派需低调！走你！
设计思路及设计分享
@谢思靖Punk ——SDC21
1）我们如何体现速度科技感：联想赛车的场景——提炼出 “火花 ”这个元素——高速运转而产生的火花——细节电脑本身、电器、所有的芯片和电流。
2）设计框架如何思考：a.想一下构图的方法 b.找对应的素材 c.适当画画草图
3）对于素材的建议：
千万不要被素材框住；
尽可能的要用素材，达到我们想要的效果，而不是 因为素材改变；
自己通过现有的素材处理，尽可能的达到我们想要的效果；
多尝试 素材之间的联系。
4）素材应用的最大化：颜色对比+明暗对比，拉大素材间的差异。
5）评价作品的标准，提取优秀的部分：其实很多时候我们要抱着相对谦虚的心 有时候很烂的作品 也能挖掘出一些不错的亮点。
6）设计师的分类： 一类是视觉见长效果很棒 ；一类是想法见长 表现很棒。
网页配色
腾讯游戏@大孔雀pavo SDC20
1）“网页配色不宜超过三种。”
2）利用色彩丰富画面：在保持“网页色彩（相）不超过三种”的原则下，只能寻找更多同色系的色彩来完善设计，也就是在“饱和度”和“明度”上做文章。
3）叠柔配色法： 只需要明白三个关键词：叠加、柔光和透明度（填充）。PS：这种配色方法对纯黑色和纯白色不起作用。
4）三步调色法：
① 一个黑或白色，或黑白渐变（可以是点、线、面...甚至字体）
② 混合模式选择叠加或柔光
③ 调整透明度（1%-100%随意，省心的做法是直接键入一个整数值，比如：轻质感类页面可以选择20%-40%，重质感感类可以键入60%或以上）
5）细节调色法：
通过混合选项中的“阴影、外发光、描边（不适用叠柔法）、内阴影、内发光”可以自由的刻画5层像素级细节（当然，通常在实际的使用中刻画1到3层即可）。
这种方法无论形状、色彩如何变化，这些细节都如影随形、色彩都随变而变~可节省大量重调细节或盲目选取配色的时间！
配色的那点事
阿里巴巴视觉设计师@WOSER SDC19
1）配色意义：1、品牌定位 2、用户体验需求 3、区分元素主次 4、联想，氛围以及情感需要 5、审美需要
2）配色思路：1、品牌。 2、项目性质。 3、受众人群 4、项目负责人主观审美 5、主题广告词 6、纯视觉效果 7、视觉效果
3）网页设计师的3个段位：1、木偶型 2、翻译型 3、一专多长超人型
4）成功的案例：主动沟通，了解客户真实诉求，再介入视觉设计阶段；切忌不可自我感觉良好，那类型的作品常常沦为飞机稿。
5）如何处理色彩“脏”：1、切忌不可大面积使用灰蒙蒙（脏）的颜色 2、提高脏色亮度 3、尽量找找些干净的颜色 4、多尝试用灰色去做调和
6）配色常见问题：1、脏 2、无主次（层次 ）3、灰，闷，单一 4、缺乏色调意识 5，统一过渡
7）画面层次感：通过纯度、明度、色相 的对比 去拉开视觉层次。
总结：层次，明暗，纯度，对比构成动人的画面，做到每个元素有主有次。
AI中文字体设计
pinnashow SDC18
1）设计的目的：在进行任何设计都必须要问自己3个问题，WHY ? HOW? SO ?
2）“字体设计三要素 1、创意；2、技法；3、工具。
3）字体设计遵循这4点：——1. 字形饱满 2 均衡流畅 3 节奏感强 4信息传达。
4）字体设计灵感来源：MILK杂志。
不定期进行拍摄收集，然后去分析每个字体之间，不同结构连接的技巧和规律。
5）对一个设计师而言，能有一个良好的设计环境是很重要的。
6）字体设计是有生命和气质的，不需要太多的解释，就可以让人感受到设计师想表达出的概念。
总结：方寸之地有灵魂~中文字体设计
4A之路
互动设计师明江 SDC17
1）优秀的设计师：A .敏锐观察力和良好沟通能力”。B.比常人勤奋数倍 C.能规划自己的时间和未来。不盲目跟随，自信自醒。
2）尊重版权：所有创意素材都是自己创造或购买图片，一般不随便使用没版权的东西。
3）身兼数职的全才：任何事情大家都要正反去看，其实身兼数职困难却能短期快速锻炼自己能力。
4）做一个勤奋的设计。勤奋的设计师会在能力范围内尽量尝试不同的方案；一般的设计师只会骂总监或客户是SB。
总结：勤奋总是机会多
简约设计
杨华Clh SDC16
1）可谓大气：大气并不是指体积大面积大尺寸大。靠最少的元素最简洁的视觉来体现“多”。大气不是一种单纯视觉，而是一种综合的感觉。这种感觉包含了视觉与画面所承载的思想。
2）对于“多”：不能直接用很多元素来告诉用户“多”。而是用通你的策略引导用户主动思考，思考之后的结论是 感觉这个作品有内涵。
3）大气作品的构成：商业需求+概念+元素+视觉 （思想、素材、设计手法）
4）大气的视觉感受：1. 空间感 2. 纵深感 3. 力量感 4. 纯&净
5）如何做精做准：1、想办法减少元素的歧义。2、每个元素的存在必须合理、合情，去除一切可有可无的元素。
6）寻找素材：分析核心——发散思维——得出结论——找图。
7）拥有丰富灵感的前提：1、好的思维模式。2、丰富的数据库。
总结：简约不一定简单，而是最佳的视觉呈现方式。banner设计入门到精通淘宝UED人马 SDC15
1）提升效率和设计质量的方法：技术分享+软件共享+高质量素材
2）什么是BANNER？形象鲜明表达最主要的情感思想的
3）设计流程：需求→评估→制作→反馈、确定初稿→跟进
4）banner设计：字体篇→1.清晰易辨认，标题简明易懂 2.推荐“方正兰亭黑”系列，禁止使用未授权字体。 3.少用英文，拼写正确。尽量避免对字体的变化
5）图片优化技巧：分2个图层→底层是锐化1次，顶层是锐化2次→顶层建立蒙版，使用径向渐变。（有意识的突出主题）设计在逆境中速成湖南卫视王坤 SDC14期
1）坚持+主动式成长的关键因素
2）创意=自己+客户+用户和想法结合点
3）从真实的世界里提取设计的色彩
4）思考固有的模式，努力在框架中寻找突破。一般，生活中不按常理出牌的人都很精彩！
5）多与世界接触，你会发现更多美的东西交流分享ChinaUI设计师王子年 SDC13期
1）设计前的准备工作：拿到需求说明后，不要草草看过就开动，或是脑袋里空空呆坐。多去跟客户/需求方尝试沟通。1.让客户提供参考案例 2.将我们收集的各种案例，让客户选择 3.挑选案例要比自身水平差一点。
2）视觉中心点：即第一眼看到的位置。一般在这个范围宽度在1004*600内
3）视觉冲击力：1.色彩对比度大，2.材质变换。3.结构突破。
4）整体性把握：1.平时多做门户类型的站点 2.多看看时尚类的杂志。
5）材质偷懒法：素材是最好的工具，运用的好可以节省大量时间。
6）设计能力的提升：1.锻炼的不是技术，是眼力。多多尝试，推荐看看界面类作品 2.出你做过的稿子，基础上再设计一遍，会有很深的感触
7）做个多功能设计师：暗示自己最专业，能说会道，软硬兼施，会成功的。字体设计刘兵克 - SDC12期
1）钢笔工具迅速造字：a.根据原字形，把笔画放好 b.开始做出不一样 的感觉 c.字形上进行了断开或者连结
2）弧形工具(round fillet)对色设计圆角很有帮助
3）不规矩的设计肯定比规矩的 更吸引人；
4）字体设计是直接在电脑上弄，还是先打手稿？据笔画的环境来做， 没有必要都一样的
5）字体的创意：精简、突出、到位，创意图形和字的结合要和谐要自 然，即与字义有一定联系。
6）字义是最关健的，是必须考虑的第一要素。
7）在校提升设计能力：学校压力不大，可以多去投稿，练经验；在比 如可以去威客练练手 别被大环境搞的自己也恶俗了就好。极度透视- NingMar - SDC11期
1）设计这行当，一人一条路，千人有千面。没有两个设计师是用同一 种方法、同一条发展路线走到同一个水平线上的。
2）抄袭与模仿：借鉴、模仿是所有艺术类工作都无法摆脱的原罪，也是设计师们无法摆脱的原罪。
3）透视设计点：发现→解构→提取→掌握→组合。透过现象看到本质 ，透过作品看到方式方法，并且能学会这些方式与方法，才能积累、沉淀。
4）在一次次的解构、掌握的过程中，不但掌握了各方面基础的技能， 在习惯成自然的推动力之下，创意往往滋长，自然而然，由下自上，由 内而外，而不是憋得脸红红脑疼疼想出来的“疮痍”。
5）当积累与沉淀的手法到了一定的基数，手法与手法的组合方式就会 以几何级数倍增，面对各类设计任务才能游刃有余。当手法的组合多元 化之后，“抄袭”的原罪必能洗脱，“学习”才能得到收获。
6）希望我的微薄之力，能让每个刚入门或者入门一段时间但是遇到瓶 颈、困扰的设计师能听懂、能学会、能应用、能拓展、能发挥、能升华 。
7）生有涯，设无边，让我们一起把设计玩儿起来！
联盟吉祥物
獠麝鸡是SDC为了激励组织内成员积极向上，不断进取，提高自己专业水平，促进群内建立良好的交流氛围。獠麝鸡释义要有对设计的嗅觉如恶狼一般敏锐犀利
要有对生活的热爱如小鹿一般单纯童真
要有对工作的执着如小鸡一般精雕细啄
  新版獠麝鸡闪亮登场
  獠麝鸡吉祥物合体版
  吉祥物
联盟历届海报
SDC优秀网页设计联盟讲座历届海报如下图
SDC历届讲座海报(23张)