式微

《式微》式微，式微！胡不归？微君之故，胡为乎中露！式微，式微！胡不归？微君之躬，胡为乎泥中！<译文>天黑了，天黑了，为什么还不回家？如果不是为君主，何以还在露水中！天黑了，天黑了，为什么还不回家？如果不是为君主，何以还在泥浆中！<赏析>在艺术上，这首诗有两个特点。一是以设问强化语言效果。从全诗看，“式微，式微，胡不归”，并不是有疑而问，而是胸中早有定见的故意设问。诗人遭受统治者的压迫，夜以继日地在野外干活，有家不能回，苦不堪言，自然要倾吐心中的牢骚不平，但如果是正言直述，则易于穷尽，采用这种虽无疑而故作有疑的设问形式，使诗篇显得宛转而有情致，同时也引人注意，启人以思，所谓不言怨而怨自深矣。二是以韵脚烘托情感气氛。诗共二章十句，不仅句句用韵，而且每章换韵，故而全诗词气紧凑，节奏短促，情调急迫，充分表达出了服劳役者的苦痛心情以及他们日益增强的背弃暴政的决心。从此诗所用韵脚分析，前章用微韵、鱼韵，后章为微韵、侵韵，这些韵部都较适合表达哀远沉痛的情绪。诗人的随情用韵，使诗情藉着韵脚所体现的感情基调获得了充分的强调。所以方玉润评此诗云：“语浅意深，中藏无限义理，未许粗心人卤莽读过。”（《诗经原始》）由于《毛诗》将此诗解说成劝归，历代学《诗》者又都以毛说为主，所以“式微”一词竟逐渐衍为中国古典诗歌中的“归隐”意象，如唐王维“即此羡闲逸，怅然吟式微”（《渭川田家》）；孟浩然“因君故乡去，遥寄式微吟”（《都下送辛大夫之鄂》》；贯休“东风来兮歌式微，深云道人召来归”（《别杜将军》）等等，由此也可见出此诗对后世的影响。

式微子衿原文及翻译如下：原文：青青子衿，悠悠我心。纵我不往，子宁不嗣音？译文：青青的是你的衣领，悠悠的是我的心境。纵然我不曾去看你，你难道就不给我寄传音讯？原文：青青子佩，悠悠我思。纵我不往，子宁不来？译文：青青的是你的佩带，悠悠的是我的情怀。纵然我不曾去看你，难道你就不能到我这来吗？原文：挑兮达兮，在城阙兮。一日不见，如三月兮！译文：走来走去张眼望啊，在这高高的观楼上。一天不见你的面啊，好像有几个月那么长！赏析：《国风·郑风·子衿》是中国古代第一部诗歌总集《诗经》中的一首诗。全诗三章，每章四句。此诗写单相思，描写一个女子思念她的心上人。每当看到颜色青青的东西，女子就会想起心上人青青的衣领和青青的佩玉。于是她登上城门楼，就是想看见心上人的踪影。如果有一天看不见，她便觉得如隔三月。全诗采用倒叙的手法，充分描写了女子单相思的心理活动，惟妙惟肖，而且意境很美，是一首难得的优美的情歌，成为中国文学史上描写相思之情的经典作品。

以下是式微子衿的原文及翻译：式微式微，胡不归？ 微君之故，胡为乎中露？ 式微式微，胡不归？ 微君之躬，胡为乎泥中？ 译文：天黑了，天黑了，为什么还不回家？如果不是为君主，何以还在露水中！天黑了，天黑了，为什么还不回家？如果不是为君主，何以还在泥浆中！青青子衿，悠悠我心。 纵我不往，子宁不嗣音？ 青青子佩，悠悠我思。 纵我不往，子宁不来？ 挑兮达兮，在城阙兮。 一日不见，如三月兮！青青的是你的衣领，悠悠的是我的心境。纵然我不曾去会你，难道你就此断音信？青青的是你的佩带，悠悠的是我的情怀。纵然我不曾去会你，难道你不能主动来？走来走去张眼望啊，在这高高的观楼上啊。一天不见你的面啊，好像已有三月长啊！

　　分税制规定，中央对地方按“两税”增量的1:0.3的比例返还。县级财政还要对乡级财政的返还部分进行一次分成，导致乡镇财政收入中的“两税”返还占“两税”收入的比重大幅度下降。分税制也加重了乡镇企业的税负。分税制前，乡镇企业能为乡镇政府带来不少的利益，不但可以吸纳大量农村劳动力，还可以为乡镇政府安排一些从行政岗位上退下来的干部，为乡镇承担一部分工资支出，而且乡镇企业还是乡镇政府筹集地方公共事业建设资金的重要渠道，乡镇企业实际上成为乡镇政府可自行控制的财源。分税制实行以后，增值税和消费税是国税纳税主要税种，这两个税种纳税的对象限制在乡镇企业内。乡镇企业既交国税又交地税，税负倍增。这加剧了1994年以来在市场竞争、国家宏观经济政策调整等大背景下，乡镇企业关门倒闭的趋势。以湖北监利县红城乡为例，2000年该乡企业的个数由1994年的24家减少到8家，尽管每家企业的规模没有扩大，但税负却是1994年的4倍。乡镇企业减少的直接后果之一，是乡镇政府从乡镇企业中获得的预算外收入锐减。而乡镇财政收入任务仍然是基数加增长的模式，乡镇财源减少的因素未能及时在基数中予以考虑，使得乡镇完成财政收入任务的难度越来越大。　　2.分税制改革不完善使乡级财政举步维艰。　　1994年的分税制改革较多考虑了如何提高中央的财政收入，主要税种收入上划中央，从2002年开始，企业所得税和个人所得税也按一定比例上划中央；地方税的有效性则考虑较少，留给地方的则是那些数额偏少、征管偏难、潜力有限的税种，导致经济不发达的县、乡两级财政收入明显下降。 如1993年，地方政府的财政收入占整个财政收入的比重是78%，到2001年这个比重下降到47.6%；而地方政府的财政支出占整个财政支出的比重却无相应的变化，一直在70%左右。分税制造成的事权和财权不统一，形成“财权在上，事权在下”的局面，给基层政府带来了财政收支难以平衡的问题，使得基层政府尤其是粮食主产区的基层政府财政雪上加霜。　　我国现有五级政府，多层次的政府结构必然涉及如何处理政府间的财政资源划分问题。由于现行分税制下地方政府之间的责权利划分由上级政府决定，这就使得上级政府可以根据自己的利益制定规则。在地方政府之间事权责任和财政收入划分的博弈中，上级政府往往凭借自身的政治权利和优势地位随意平调下级的财政资源。1994年以来，有限的财力被中央相对集中，在此基础上，省级和市级政府又对共享收入和地方固定收入进行了分成，即对县乡财力再次进行了集中。地方政府间层层挤压现象，置县乡财政于严重的不利境地。根据2002年7月4日《人民政协报》的一则报道，1995年，也就是实施分税制改革的第二年，全国县乡财政赤字陡然增加将近20倍，由42.2亿元增加到827.7亿元。　　在“收入上移”的同时，县乡财政支出责任却不断加大，即“支出下移”。如分税制实施以后，中央和省级政府在发展义务教育方面承担的责任明显不够，省级以上财政用于农村义务教育的支出很少，该项投入主要是由县乡财政和农民负担。在我国的义务教育中，中央政府投入仅占全部投入的2%，30%由省、地、县分担，县乡投入则高达68%。　　进入20世纪90年代以后，由于宏观经济环境的影响，以前作为县级财政主要支柱的县属国有企业效益直线下滑，县财政的收入结构发生了很大变化，税源主体转为小型工商业、建筑业和第三产业。收税成本加大了，税源的不确定性也增大了。而支出却刚性增长。县级财政的困窘，导致县级财政与乡级财政争饭吃的矛盾，使处于五级政府最低端的乡镇政府成为分税制后最大的利益受损者。如农业税原属于乡镇税收范围，但县级财政为保本级财力，将农业税作为本级收入，挤占了乡镇税源，造成了乡级财政基本无税可分的局面。划给乡镇财政的收入基本上只剩下农业四税中的一部分和工商税中的一些零散税收。我国省级以下的财政体制因地而异，差别很大。有些地区省以下的体制仍是过去的财政包干制，全国大部分地区省以下的体制为以前的财政包干制和现行分税制的结合形式。在大部分地区，“划分税种，分级包干”成为制定财政体制的主要原则。在这类既“分”又“包”的体制下，县级财政对乡级财政实行“财税包干、一定三年”，上级政府年年给乡镇增人，却不增加工资基数。　　由于缺乏能对乡镇财政起支柱作用的主体税种，乡镇财政缺乏自己稳定的收入。在这种情况下乡镇财政却要承担日益膨胀的支出，乡镇财政运行极为困难，举步维艰。而且财政收入是硬性任务，其完成情况是上级考核乡镇领导的重要指标，有的县政府甚至对乡镇下达“军令状”，如完不成财政收入任务对乡镇一把手实行“一票否决”，并加倍扣减县级对乡级财政的补助或加倍核减乡级财政的支出。为保基数、保分成、保补助，乡镇政府就不得不采取寅吃卯粮、挖税（乡镇财政用给回扣或手续费的办法，把甲地实现的税金弄到乙地来缴纳）、垫税（即乡镇用自己的钱垫付实收税额与上级所定税收任务间的差额）、空转（即乡镇财政用其他资金或纳税人假借款等方式，通过帐务资金的过路处理抵税入库而虚增财政收入）等手段来完成财政任务。财政收入是假的，但财政支出却是刚性的，来不得半点虚假，于是通过乱收费或以其他方式向农民转嫁负担以缓解乡镇财政困难，就成了乡镇政府的必然选择。　　由于现行分税制存在上述缺陷，就要在改革中对现行分税制进一步完善。今后的税制改革要在明确界定政府职能的基础上，通过法律形式规范政府间支出责任划分；本着财权与事权相统一的原则，合理安排各级政府的收入，赋予地方政府相应的税收立法权；通过一般性转移支付弥补因财力集中以及地区经济发展不平衡形成的纵向和横向财政缺口；运用专项转移支付实现中央特定政策目标；在完善相关法规和严格审批程序的基础上，赋予地方政府按照市场原则适度举债的权力；建立规范有效的信息反馈与监管机制，确保财政资金分配与使用的合法有效。

体验式微营销的战略基础：战略体验模块（strategicexperientialmodule）体验是复杂的又是多种多样的，但可以分成不同的形式，且各都有自己所固有而又独特的结构和过程。这些体验形式是经由特定的体验媒介所创造出来的，能到达有效的营销目的。伯德·施密特（BerndH.Schmitt）将这些不同的体验形式称之为战略体验模块（strategicexperientialmodules，SEMs），以此来形成体验式营销的构架。下面将介绍五种不同的战略体验模块：感官（Sense）感官营销的诉求目标是创造知觉体验的感觉，它经由视觉、听觉、触觉、味觉与嗅觉。感官营销可区分为公司与产品(识别)、引发顾客购买动机与增加产品的附加价值等。理查特（Richart）公司制作的巧克力被英国版《时尚》（Vogue）杂志称之为“世界上最漂亮的巧克力”。理查特首先定位自己是一家设计公司，接着才是巧克力公司。其商标是以艺术装饰字体完成的，上头特别将“A”作成斜体，用来区隔“富有”（rich）与“艺术”（art）这两个字。理查特巧克力是在一个类似精致的珠宝商展示厅销售，巧克力装在一个玻璃盒子中，陈列于一个广阔、明亮的销售店。产品打光拍摄，在其产品的宣传资料中就像是件精致的艺术品或是珠宝。促销品用的是光滑、厚实的纸张，它的包装也是非常的优雅。巧克力盒子是有光泽的白色，附着金色与银色的浮雕字。红色丝带封着包装盒。盒子衬里是分割成格，所以每个巧克力艺术品是摆设于自己的间隔中。对视觉感而言，巧克力本身就是个盛宴。他们有漂亮的形状，并且以不同的花样与彩饰装饰﹝其中的个别特殊产品系列展示着一组迷人的儿童绘画﹞。可以根据顾客的要求制造特别的巧克力徽章。这些巧克力是如此的贵重，因此理查特甚至还销售附有温度与湿度表的薄板巧克力储藏柜，这个柜子如同雪茄保湿器，售价六百五十美元。施密特曾举例希尔顿联锁饭店的一个小作法是在浴室内放置一只造型极可爱的小鸭子，客人大多爱不释手，并带回家给家人作纪念，于是这个不在市面销售的赠品便成了顾客特别喜爱希尔顿饭店的动力（当然希尔顿饭店其它设施、服务等方面也是一流的），这样便造成了很好的口碑，这就是“体验式营销”的应用（视觉和触觉上）。另外，在超级市场中购物经常会闻到超市特地生成的烘焙面包的香味，这也是一种感官营销方式（嗅觉）。情感（Feel）情感营销诉求顾客内在的感情与情绪，目标是创造情感体验，其范围可以是一个温和、柔情的正面心情、到欢乐、自豪甚至是激情的强烈的激动情绪。情感营销的运作需要的是，真正了解什么刺激可以引起某种情绪，以及能使消费者自然的受到感染，并融入这种情景中来。新加坡航空以带给乘客快乐为主题，营造一个全新的起飞体验。该公司制定严格的标准，要求空姐如何微笑、并制作快乐手册，要求以什么样的音乐、什么样的情境来“创造”快乐。通过提供出色的顾客服务，使得新加坡航空公司成为世界上前十大航空公司，和获利最多的航空公司之一。反观国内的企业在体验式营销上，尚没有成型的做法，但以情感为诉求点的营销做法却是有一些较为成功的案例。一句“孔府家酒让人想家”，引起在外游子对父母、对家乡无限的思念之情。使得顾客在消费中，也感受了“想家”的体验。（亲情）俗话说，朋友多了路好走，友谊地久天长。“喝杯青酒，交个朋友”陈酿贵州青酒的这句广告语，让你在宴请宾朋的时候多一份“友情”的体验（友情）。一位清纯、可爱、脸上写满幸福的女孩子，偎依在男朋友的肩膀，品尝着他送给她的“水晶之恋”果冻，就连旁观者也会感受到那种“美好爱情”的体验。（爱情）关注体验式微营销思考营销诉求的是智力（Intelligence），以创意的方式引起顾客的惊奇、兴趣、对问题集中或分散的思考，为顾客创造认知和解决问题的体验。对于高科技产品而言，思考活动的方案是被普遍使用的。在许多其它产业中，思考营销也已经使用于产品的设计、促销、和与顾客的沟通。1998年苹果计算机公司的iMac计算机上市仅六个星期，就销售了二十七万八千台，以至《商业周刊》把iMac评为为1998年的最佳产品。该公司的首席执行官（CEO）史提夫·贾伯斯（SteveJobs）表示：“苹果已回到它的根源，并再度开始创新”。iMac的设计师伊维（JonathanIve）也指出：“与众不同是这个公司的基因”。iMac的创新紧随着一个引人沉思的思考营销的促销活动方案。该方案是由广告人克劳（LeeClow）构思，将“与众不同的思考”（ThinkDifferent）的标语，结合许多在不同领域的“创意天才”，包括爱因斯坦、甘地、拳王阿里、理查·布兰森（RichardBranson）、约翰·蓝侬和小野洋子等人的黑白照片。在各种大型的广告路牌、墙体广告和公交车的车身等随处可见该方案的平面广告。当这个广告刺激消费者去思考苹果计算机的与众不同时，也同时促使人们思考自己的与众不同，以及通过使用苹果电脑，而使得他们成为创意天才。贾伯斯说：“与众不同的思考代表着苹果品牌的精神，因为充满热情创意的人们可以让这个世界变得更美好。苹果决定为处处可见的创意人，制造世界上最好的工具。”行动（Act）行动营销的目标是影响身体的有形体验、生活型态与互动。行动营销通过增加他们的身体体验，指出做事的替代方法、替代的生活型态、与互动，丰富顾客的生活。而顾客生活型态的改变是激发或自发的，且也有可能是由偶像角色引起的（例如，影、视、歌星或是著名的运动员等）。耐克每年销售逾一亿六千万双鞋，在美国，几乎每销售两双鞋中就有一双是耐克。该公司成功的主要原因之一，是有出色的“尽管去做”（JustDoIt）广告。经常地描述运动中的著名篮球运动员迈克尔·乔丹，升华身体运动的体验，是行动营销的经典。关联（Relate）关联行销包含感官、情感、思考、与行动营销等层面。关联营销超越私人感情、人格、个性，加上“个人体验”，而且与个人对理想自我、他人、或是文化产生关连。关联活动案的诉求是为自我改进（例如，想要与未来的“理想自己”有关连）的个人渴望，要别人（例如，一个人的亲戚、朋友、同事、恋人或是配偶和家庭）对自己产生好感。让人和一个较广泛的社会系统（一种亚文化、一个群体等）产生关联，从而建立个人对某种品牌的偏好，同时让使用该品牌的人们进而形成一个群体。关联营销已经在许多不同的产业中使用，范围从化妆品、日用品、私人交通工具等等。美国哈雷（Harley-Davidson）机车，是个杰出的关联品牌。哈雷就是一种生活型态，从机车本身、与哈雷有关的商品、到狂热者身体上的哈雷纹身，消费者视哈雷为他们自身识别的一部分。伯德·施密特还特别提到瑞士名表的一张小小附卡为例：表店在其中一款瑞士名表上附上一小卡片，上面说明400年后回来店里调整润年；其寓意是在说明该瑞士名表的寿命之长、品质之精，即便拿它当作“传家之宝”也不为过。而非如同一般电子表虽有过400年自动调整润年的功能，但谁会认为电子表可以保存到那么久呢？该表店以此“关联”的寓意来传达商品的价值。9规划工具编辑

这种电动机没法改的。

1984年式微型自动手枪84式是中国研制的一款反劫机微型手枪，其发射7.62×17mm 84式手枪弹，也可以使用同样规格的64式手枪弹（标准装药或减装药）。研发背景。在1970年代，世界上突发了数起恶劣的劫机事件，典型的有德国汉莎航班被劫持案等案例。而国内当时也有类似情况发生，造成了生命财产的损失和恶劣影响。而在当时，中国民航还没有建立安保系统，不仅没有反劫机的武器设备，甚至没有专业的空警人员。全球上多起劫机事件，引起了有关部门和上级领导的重视。民航总局提出，民航机要配备安保人员，并为安保人员配备反劫机武器。由于使用环境的限制，所以，军用制式手枪并不合适，需要单独研制反劫机武器。民航总局、科研部门、武警部队互相配合，逐渐提出了反劫机武器系统的指标。这种武器，既要可以有效制服恐怖分子，又不能打坏飞机，且要求有较好的射击精度。最终的指标是，在2m内，该枪的枪弹不能击穿或打裂机舱最薄弱位置或机舱玻璃外层结构；15m内，击中一般着装人员的要害，可以毙命，但弹头不能穿透目标。特殊弹药。经过研究，研究人员采用了新式弹头结构——该弹头由橡皮头、铅垫和开槽弹头壳组成，采用弹头壳开口向前的装配方案，具有“吃软不吃硬”的特性，满足了要求。这种枪弹被称为84式自动手枪弹，与其配套的手枪称为1984年式7.62mm微型自动手枪（简称84式微型自动手枪）。84式微型自动手枪及其枪弹，在1984年12月，通过了定型，主要供民航机安保人员、空警人员使用，也可以作为侦察兵、高级军官的防身武器。该枪除了使用动能较低的84式自动手枪弹外，在地面上也可以使用减装药或标准装药的64式自动手枪弹，且安全可靠。结构。84式微型自动手枪采用自由枪机式自动原理，惯性闭锁，在保证一定的杀伤力的情况下，尽可能将体积减小、质量减轻。其全枪长仅121mm，全枪质量仅0.38kg。84式微型自动手枪采用击针击发机构，该机构由击针、击针簧、击针簧导杆组成。在套筒复进的时候，击针被阻铁扣于后方压缩击针簧，击针待击。该枪采用单发射击方式，发射机构由扳机、扳机连杆、阻铁、单发杆、保险等组成。其中，该枪的保险具有防偶发和防早发机构。工艺枪。除了标准的84式微型自动手枪，有关部门还研制了工艺枪，其采用了镀金、镶嵌宝石等工艺。但美中不足的是，这批工艺枪的铭文写错了——将7.62×17mm写成了7.62×25mm。

一、清晰轻量的产品逻辑奥卡姆剃须刀法则同样在产品架构设计中适用，越简单的架构越有利于产品的生长。清晰轻量的产品逻辑，会减少用户的负担感，从而提高交互上的效率和愉悦感。分析MaterialDesign，会发现Google归纳了两类复杂内容信息的层级关系，分别是Card和Tile（List以及其他相似定义属于同类的内容信息层级），其他定义多用于UI结构及细节。其中，Google定义Card是一种多功能信息的聚合入口，信息层级应较高，体现在Z轴应高于其他信息，视觉上有阴影表现并加以圆角处理。而tile（或同类信息列表）则是（同类或相关）信息的模块展现，信息层级应较低，体现在Z轴应略低于其他信息，视觉上应无阴影表现不加圆角处理。其结果是从视觉层面让产品对象更高效、更简单，同时也更具物理世界的“真实感”。最近接手的项目是Gekec.com的全站改版。Gekec（革客）是Geek和Maker交集，喜欢革新，喜欢技术范儿、新潮的科技消费品，喜欢自己动手创造产品，Gekec.com也就是这类人的聚集地，整个产品囊括电商、资讯（或h5宣传）、拆机、以及社区讨论等各种功能，改版前逻辑复杂，功能繁多。改版开始之初，笔者了解到革客群体时，便认为理性加浓重Geek味道的Google风格或许是最适合Gekec.com的视觉体系，然而复杂的产品逻辑不能给用户带来高效的交互体验和愉悦的使用感受，视觉上也并不能很好的通过MaterialDesign推演并且变化，所以梳理出清晰、轻量且方便视觉统一的产品逻辑成为第一任务。Gekec.com的产品全功能在此并不赘述，ProctFeature全部为达成宜家式的体验式设计，经过梳理可以归纳成三层，首层为体验层（多入口的首页封面）、第二层为货架层（包括商城模块、拆机模块、体验模块）、第三层为详细、操作层；如上图，轻量的产品结构即可方便设计的推演。例如其中第一层可以通过H5灵活排版做产品全方位体验，第二层与第三层的关系即可利用MaterialCard和Tile表现。Card表达了全部信息的聚合和入口，tile则表现同类信息的罗列。从card跳转到最终页应有一种卡片展开的体验。二、适宜UI推演的响应办法在产品逻辑清晰简洁的基础上，一套适宜MaterialDesign变化的全尺寸响应办法就成为复杂响应式网页设计的核心内容，响应办法能够直接决定功能模块的响应逻辑以及UI的变化。实际操作中，响应办法的确定主要就是确定栅格和占比。1）栅格网页栅格系统是从平面栅格系统中发展而来。对于网页设计来说，栅格系统的使用，不仅可以让网页的信息呈现更加美观易读，更具可用性。而且，对于前端开发来说，网页将更加的灵活与规范。栅格系统的具体含义以及使用方法在此不再赘述，感兴趣的朋友可以参考淘宝UED的一些文章：网页栅格系统研究（1）：960的秘密网页栅格系统研究（2）：蛋糕的切法网页栅格系统研究（3）：粒度问题网页栅格系统研究（4）：技术实现在Gekec.com的项目中，经历产品功能模块的梳理，笔者使用了12栅格系统，目的是能够满足2、3、4、6的页面等分。注：具体栅格系统的建立应因产品和设计所决定，栅格系统并不是万能的，而确定的栅格系统可以为整个响应式设计做规范性参考。2）占比A.占比如上文说，12栅格约束网页的内容区，而网页的内容往往并不占据屏幕的全部宽度，而是在两侧留有间隙，营造空间感。由于屏幕的限制，这种空间感在移动端设备显得更加重要，如图，然而强加固定的marginpixel会使得12栅格占比不定，难以控制设计效果。所以占比应是12栅格宽度对应屏幕的比值，即：12栅格宽度X占比=屏幕宽（临界点）优秀而巧妙的占比确定可以让网页设计呈现在各个主流屏幕上均是100%像素。这里简单解释一下，若一个200px宽的元素在1200px宽的屏幕上，其占比为16.67%，同样的逻辑，到1024px的屏幕上这个占比16.67%的元素即占据了170.67px，这样的情况下，某一个物理像素无法占据100%，在完美主义的设计师眼里，是无法接受的事情。而巧妙的占比，可以让元素在各个主流屏幕占据100%像素，完美展现设计意图。B.临界点临界点（breakpoint）是指响应式网页发生布局变化的关键点，如“当屏幕宽度小于480px时加载...样式，当宽度在480px-600px之间时加载样式”。响应式网页理论上有无数种尺寸，我们不可能也没有必要为每个尺寸都去做设计，需要做的是选定几个临界点做设计，在两个临界点之间是延续上一个临界点的布局。临界点确认总体目的就是为了保证页面在手机（屏幕很小）、平板（屏幕中等）、PC（屏幕大）上加载相应的样式，然而经验较少的设计师往往会苦恼一个问题，那就是高像素的手机屏幕和低像素的平板屏幕应如何处理。例如设计师会担心1080p的手机加载大屏幕页面，或者720p的平板加载小屏幕页面。但需要注意的是，响应式网页不同于APP的屏幕适配。网页是沉浸于浏览器的产品，浏览器所启动的屏幕像素才可以被认为是临界点的参考点，为此，笔者做了一些测试，如下表，可以看出不少1080p手机在浏览器中仅启动360px，而神奇的ipad无论是不是retina屏幕，无论是不是mini，均显示1024x768px。

一、清晰轻量的产品逻辑奥卡姆剃须刀法则同样在产品架构设计中适用，越简单的架构越有利于产品的生长。清晰轻量的产品逻辑，会减少用户的负担感，从而提高交互上的效率和愉悦感。分析MaterialDesign，会发现Google归纳了两类复杂内容信息的层级关系，分别是Card和Tile（List以及其他相似定义属于同类的内容信息层级），其他定义多用于UI结构及细节。其中，Google定义Card是一种多功能信息的聚合入口，信息层级应较高，体现在Z轴应高于其他信息，视觉上有阴影表现并加以圆角处理。而tile（或同类信息列表）则是（同类或相关）信息的模块展现，信息层级应较低，体现在Z轴应略低于其他信息，视觉上应无阴影表现不加圆角处理。其结果是从视觉层面让产品对象更高效、更简单，同时也更具物理世界的“真实感”。最近接手的项目是Gekec.com的全站改版。Gekec（革客）是Geek和Maker交集，喜欢革新，喜欢技术范儿、新潮的科技消费品，喜欢自己动手创造产品，Gekec.com也就是这类人的聚集地，整个产品囊括电商、资讯（或h5宣传）、拆机、以及社区讨论等各种功能，改版前逻辑复杂，功能繁多。改版开始之初，笔者了解到革客群体时，便认为理性加浓重Geek味道的Google风格或许是最适合Gekec.com的视觉体系，然而复杂的产品逻辑不能给用户带来高效的交互体验和愉悦的使用感受，视觉上也并不能很好的通过MaterialDesign推演并且变化，所以梳理出清晰、轻量且方便视觉统一的产品逻辑成为第一任务。Gekec.com的产品全功能在此并不赘述，ProctFeature全部为达成宜家式的体验式设计，经过梳理可以归纳成三层，首层为体验层（多入口的首页封面）、第二层为货架层（包括商城模块、拆机模块、体验模块）、第三层为详细、操作层；如上图，轻量的产品结构即可方便设计的推演。例如其中第一层可以通过H5灵活排版做产品全方位体验，第二层与第三层的关系即可利用MaterialCard和Tile表现。Card表达了全部信息的聚合和入口，tile则表现同类信息的罗列。从card跳转到最终页应有一种卡片展开的体验。二、适宜UI推演的响应办法在产品逻辑清晰简洁的基础上，一套适宜MaterialDesign变化的全尺寸响应办法就成为复杂响应式网页设计的核心内容，响应办法能够直接决定功能模块的响应逻辑以及UI的变化。实际操作中，响应办法的确定主要就是确定栅格和占比。1）栅格网页栅格系统是从平面栅格系统中发展而来。对于网页设计来说，栅格系统的使用，不仅可以让网页的信息呈现更加美观易读，更具可用性。而且，对于前端开发来说，网页将更加的灵活与规范。栅格系统的具体含义以及使用方法在此不再赘述，感兴趣的朋友可以参考淘宝UED的一些文章：网页栅格系统研究（1）：960的秘密网页栅格系统研究（2）：蛋糕的切法网页栅格系统研究（3）：粒度问题网页栅格系统研究（4）：技术实现在Gekec.com的项目中，经历产品功能模块的梳理，笔者使用了12栅格系统，目的是能够满足2、3、4、6的页面等分。注：具体栅格系统的建立应因产品和设计所决定，栅格系统并不是万能的，而确定的栅格系统可以为整个响应式设计做规范性参考。2）占比A.占比如上文说，12栅格约束网页的内容区，而网页的内容往往并不占据屏幕的全部宽度，而是在两侧留有间隙，营造空间感。由于屏幕的限制，这种空间感在移动端设备显得更加重要，如图，然而强加固定的marginpixel会使得12栅格占比不定，难以控制设计效果。所以占比应是12栅格宽度对应屏幕的比值，即：12栅格宽度X占比=屏幕宽（临界点）优秀而巧妙的占比确定可以让网页设计呈现在各个主流屏幕上均是100%像素。这里简单解释一下，若一个200px宽的元素在1200px宽的屏幕上，其占比为16.67%，同样的逻辑，到1024px的屏幕上这个占比16.67%的元素即占据了170.67px，这样的情况下，某一个物理像素无法占据100%，在完美主义的设计师眼里，是无法接受的事情。而巧妙的占比，可以让元素在各个主流屏幕占据100%像素，完美展现设计意图。B.临界点临界点（breakpoint）是指响应式网页发生布局变化的关键点，如“当屏幕宽度小于480px时加载...样式，当宽度在480px-600px之间时加载样式”。响应式网页理论上有无数种尺寸，我们不可能也没有必要为每个尺寸都去做设计，需要做的是选定几个临界点做设计，在两个临界点之间是延续上一个临界点的布局。临界点确认总体目的就是为了保证页面在手机（屏幕很小）、平板（屏幕中等）、PC（屏幕大）上加载相应的样式，然而经验较少的设计师往往会苦恼一个问题，那就是高像素的手机屏幕和低像素的平板屏幕应如何处理。例如设计师会担心1080p的手机加载大屏幕页面，或者720p的平板加载小屏幕页面。但需要注意的是，响应式网页不同于APP的屏幕适配。网页是沉浸于浏览器的产品，浏览器所启动的屏幕像素才可以被认为是临界点的参考点，为此，笔者做了一些测试，如下表，可以看出不少1080p手机在浏览器中仅启动360px，而神奇的ipad无论是不是retina屏幕，无论是不是mini，均显示1024x768px。