优界网

首页 > 教程经验 > 干货!教师节专题策划:网页设计篇

干货!教师节专题策划:网页设计篇

59

0

0

2015-04-23 19:01:30

〆色計ㄕ╄

分享一下,又不会怀孕!

本作品为转载作品,版权为作品原作者所有,感谢上传者的分享!

original

一、先知

今天是教师节,首先要特地感谢那些曾经传授我们知识、指导我们行为,解决我们困难的教师们。教师的某种特质和我们网页设计行业有种共通,那就是信仰知识,具有分享精神。

“教师”:广义的教师是泛指传授知识、经验的人。
狭义的教师系指受过专门教育和训练的人,并在教育(学校)中担任教育、教学工作的人

“先知”:认识事物在众人之前的人

用”先知”这个名词来形容互联网/设计行业中那些传奇人物,再合适不过了。他们意识敏锐,能够先于众人挖掘价值、产生创意;而又不居功自傲,往往用自己的发现来造福大众,与行业分享知识,最终达到整体的进步。从某种角度讲,无私的先知也可以被称之为教师。

你得知道的行业先知:

1.互联网标准之王——Jeffrey Zeldman

互联网标准的教父
三件事情足以证明他的贡献

1.”A List Apart“网站创立者。
2.经典书籍《网站重构》(Designing With Standards )的作者,此书被翻译成15种语言。
3.”The Web Standards Project”的创建者,统一互联网标准,终结了当年的浏览器之战。

2.移动互联网的推手——Luke Wroblewski

 

Luke目前是Input Factory的CEO和联合创始人,也是国际交互设计协会前委员会成员。
他的那本《移动至上》深刻的改变了行业,在2011年,就很有预见性的提出网站与应用设计应该为移动设备服务,讲解如何从桌面设计模式中摆脱出来,进行思维转换,以便更好的进行移动设计。无数的交互文章中都出现了他的名字,对他话语的引用。

3.网页设计的哲人与先锋——John Allsopp

4732738890_2226cb9489

能将网页设计上升到哲学高度的人不多,Allsopp是其中一个,他对互联网行业的热爱从内到外。John AllsoppWeb Directions会议联合创始人之一,众多Web工具的开发者。可以说是在样式表(CSS)这个话题上最有权威的元老之一。

而令他名声大燥的,当属《网页设计之道》,这里提供两个译版

@译言网 Aitch 版本:http://article.yeeyan.org/view/340229/302045
@SKYUI 译本 (上):http://e.weibo.com/1737397723/zBZ5BDx1S
(下):http://e.weibo.com/1737397723/zCUhTn9pV这篇文章影响了很多人,预言了响应式设计,从媒介的角度分析网页设计,提倡设计要适应网络自由灵活的本质。

4.不得不提的、富有时代精神的创新领袖——Steve Paul Jobs

 
Screen shot 2011-10-11 at 15.30.37

提到他估计很多人比小编有话语权,他的事迹大家也都耳闻目睹,不再赘述,R.I.P

二、网页设计的科目训练

 
back-to-school

1.内容为王——语文,内容与字体

content-marketing

优秀的网页设计应该紧密围绕内容,以内容为王,先有强大的内在,才有资格包装其外推荐阅读:如何将战略性的内容策略融入进网页设计中网页核心内容对视觉表现的影响 

时至今日,文字依然是绝大多数内容的载体,而对于文字,我们又了解那些呢?
推荐阅读:
字体设计的排版布局技巧
字体设计:达人入门篇
西文字体设计基础:术语
字体艺术的要义:回归基本
 

2.原理改变世界——作为根基的数学与HTML&CSS

jack_postcard4

数学和HTML&CSS语言有什么共同点?可能在初学者眼里,他们都是枯燥的。
数学和HTML&CSS语言还有什么共同点?一旦入门,感觉是奥妙的。
HTML&CSS经典阅读

用CSS TABLES实现用户界面开发和交互式布局
一张图读懂HTML5
CSS选择器详解
你应该知道的CSS文字大小单位PX、EM、PT
经典推荐:CSS学习中的瓶颈
40个超赞的HTML5教程

当然,数学的一些原理本身就能应用到网页设计中:

想做好设计?先来了解神奇的魔力数字”3″
私密:涨姿势!让这些数学理论来为你网页设计理念撑腰

3.沟通,沟通!——外语与交流

1370481260947332

外语的本质是用来沟通,设计的本质也是用来交流、传达与沟通。
闭门造车只会闭塞不前,唯有博采众家之长,而又融会贯通,才能100%的实现设计表达。多与同行交流,互相学习,你做到了吗?
一些优秀的访谈录,可以借鉴一下行业佼佼者的经验。

乔布斯:遗失的访谈(文字版)
经验分享:以设计师为对象的深度访谈
设计师访谈!令人钦羡的英国RALLY INTERACTIVE工作室
正能量访谈录!女汉子180天做180个网站
设计师访谈:Daryl Ginn Daryl
设计师访谈:Beasty Design
 

4.变化与运动——物理与响应式设计

Desktop

变化、运动、改变,提到物理,很多人会下意识的想起运动,而这也跟响应式设计的理念不谋而合。
响应式设计的传统定义是:页面的设计与开发应当根据用户行为以及设备环境(系统平台、屏幕尺寸、屏幕定向等)进行相应的响应和调整。
而输入设备的种类日渐多样化,容易被忽略的一点是:根据输入设备的特点,进行适应性调整。(触摸交互时代的需求)

推荐阅读:
响应式设计的十条
案例研究:Laura Kalbag个人网站布局心得
推荐:响应式网页设计与应用
高端揭秘:为你的响应式设计提速

5.流光溢彩的反应——化学与色彩

G__Promo_28ht

就跟化学反应一样,舒服的配色=用户的心情愉悦。色彩能够影响情绪和心理,这一理论被反复的重申,这也是设计基础中的基础。你了解这些吗?

当用户体验设计遇见色彩情感
经验分享:色彩提取及应用技巧
色彩心理学:设计师的选色指南
网页设计中色彩的运用
设计师的色彩学:人性化的HSB色彩空间

6.纵横古今,以史为鉴——历史

 
tumblr_static_pillar10-history-french-revolution-delacroix

非常推崇黄仁宇先生的大历史观:从小事件看大道理;从长远的社会、经济结构观察历史的脉动;从中西的比较提示中国历史的特殊问题;注重人物与时势的交互作用、理念与制度的差距、行政技术与经济组织的冲突,以及上层结构与下层结构的分合。他的《万历十五年》写的非常精彩。
历史给了我们一个理性分析的机会,我们在浏览历史时,基本不会将现今的种种偏见和执念(而这些偏见往往又是社会的错误价值导向)带入其中,我们能够更审慎去理解、学习前人的经验,从而达到个人的提高。
设计也是如此,虽然网页设计的历史短暂,但在我眼中,它也是漫长而又荣耀的。
过去,你知道多少?未来,你又能预言多少?

推荐阅读:

科普推荐:ICON的历史进程
赞!WEB设计之路!网络视觉艺术发展史概览
大拿必备:网页设计的进化史

 

三、教师节,向教师致意

不必束缚于前人的道,但对于传授经验与知识的人,一定要给予尊重。值此教师节之际,向天下所有的老师,所有的先知,所有乐于分享的人表示致意。
最后送上薄礼一份,以教师为主题的设计作品:

5a4353027b8de51c8598ae35e7d74048 Print 901e2742992881b49d83c142a12b4606 965fc7069eb831c558afebd76df6f3be abe97043473376335b3d6abb879c2d88 b8ca8fa10f978fd4d19a63b259e1f9c6 hotforteacher_drib_1x howtogiveagoodcritique_dribbble_1x illus_math_dribbble_1x nerd_blackboard_math

最后的必杀!博君一笑;)

kimmmm

优秀网页设计&SKYUI联合策划
转摘请注明网原文出处,谢谢各位小编。

 

已有0人赞过

+1赞

认真评论的都成大咖了

还可输入1000个字

  • 刚刚
  • 登录优界网 ×