淘宝详情页怎么设计才能吸引顾客_53货源网淘宝大学网站
&|&&&|&&&&|&&
热门搜索词:
淘宝详情页怎么设计才能吸引顾客
时间: 22:45来源:未知 作者:admin 点击:次
　要做好宝贝详情页，不是件简单的事。除了要设置好架构排版外，还要合理运用色调及动人文案的添加，在这过程中，就得遵循详情页的六个原则，哪六原则？
　　不管是新手卖家还是经验老道的卖家，都知道宝贝详情页的重要性，没有一个消费者在看宝贝时不会去了解宝贝详情页就直接去购买宝贝的，一个好的宝贝详情页能激起顾客的消费欲望，促使顾客下单购买。而要详情页的六个原则分别是：3秒原则、前三屏原则、讲故事原则、一句话原则、重复性原则、FBA(问答)原则。
　　宝贝详情页是提高转化率的首要入口，一个好的宝贝详情页就像一个专卖店里面的导购员，为客户展示各种优质的商品，用语言打动消费者，用视觉传达商品的特性。所以宝贝详情对提高宝贝转换率十分重要。
　　客户浏览你的宝贝详情最在意什么？以服装鞋帽类产品的宝贝描述为例，详情页最让客户在乎的有以下关键点：
&　& 1、收藏+关注，轻松赚10元优惠卷或者购物立减5元，优惠幅度可以调整。
　　2、焦点图：突出单品的卖点，吸引眼球。
　　3、推荐热销单品：这个热销单品大概在3-4个即好，性价比要好的。
　　4、产品详情+尺寸表：如编号、产地、颜色、面料、重量、洗涤建议。
　　5、模特图：至少一张正面、一张反面、一张侧面，从不同的角度展示产品的优势。
　　6、实物平铺图：把衣服的颜色种类展示出来，不同的颜色代表什么性格或者展示什么风格。
　　7、场景图：模特在不同的场合角度，引起视觉的美感。
　　8、产品细节图：帽子或者袖子、拉链、吊牌位置、钮扣。
　　9、同类型商品对比：找一些同类质量不好的，或者高仿效果不好的。
　　10、买家秀展示或者好评截图：好的产品效果能促动消费者的下单欲望。
　　11、搭配推荐：如情侣款或者中长款，不要和上面的推荐重复。
　　12、购物需知：邮费、发货、退换货、衣服洗涤保养、售后问题等。
　　13、文化简介：展示品牌的质量，让买家提高认可度。
　　怎样的详情文案才能打动您的目标客户，要遵循两个基本点和六个原则。
　　二个基本点：
　　（1）把你所有的客户都当成非专业人士。
　　（2）寻找你产品的价值点而不是促销点。
　　六个原则：
　　1、3秒原则：3秒钟必须引起客户的注意力。
　　2、前三屏原则：前三屏决定客户是否想购买商品。
　　3、讲故事原则：情感营销激发买家的共鸣。
　　4、一句话原则：用一句话提炼产品卖点。
　　5、重复性原则：一个商品卖点且要不停的反复注入客户心中。
　　6、FBA(问答)原则:给顾客一个购买的理由。
　　如何评定你的详情是否达标
　　1、看宝贝详情页的跳失率，按说数值越大，买家就越不想继续看你的宝贝。
　　2、访问深度、平均访问时间，数值越大，买家关注的就越多。
　　卖家要想做好宝贝详情页，以上六个原则及十三个要素是你成功打造详情页的必备要素。
?新手想开虚拟充值网店/服装代销网店可
------分隔线----------------------------
免费描述模版推荐
淘宝上弄一今日团购再加限时折扣就可以高仿淘宝聚划算的团购模式, 效果图看看如何: 这...
淘宝卖家：为什么现在收藏淘宝店铺总显示会话过期,请刷新页面或重新登录，这是怎么回...
淘宝收藏本店代码，粉色可爱mm收藏本店模板素材及代码，粉色可爱的风格。适合一些女装...
这些淘宝店铺介绍代码好久以前就整理过了，不过很多都是新人，可能没有看到过。首先要...
在上一课我们学习了，如何设置店铺招牌，这一课我们学习如何设置店铺分类模板，下一课...
很多人问,为什么要装修网店?我是新开的有必要装修吗? 其实,答案很简单,网店必须要装修...
优秀装修模板童装代理该怎么卖才有客源呢？_百度知道
童装代理该怎么卖才有客源呢？
提问者采纳
第一，第四顾客进来既然买不去贵的，既然进来别错过，介绍一般的:第三看顾客能接受什么价钱呵呵:第二对顾客介绍，既然顾客看看不买就给她留给好影响:有人进店来态度
提问者评价
太给力了，你的回答完美地解决了我的问题，非常感谢！
其他类似问题
为您推荐：
童装代理的相关知识
其他3条回答
当然是要找到好的方法和技巧
您有什么好方法那？
等待您来回答
下载知道APP
随时随地咨询
出门在外也不愁我是卖童装的没有客源怎么办呢_百度知道
我是卖童装的没有客源怎么办呢
这几天刚认识了顶峰的右梦df她给我说了用她们的方法可以让别人主动来加我，不知道是不是真的哦！但我相信一份耕耘一份收获，加油吧 为了穿涪扁皇壮郝憋酮铂捆自己的梦想奋斗吧
佳薇：高峰讲师是适合教穿涪扁皇壮郝憋酮铂捆你如何做微企业，解决问题的供应，解决问题的来源，教你每天用高精度粉50至200
其他类似问题
为您推荐：
童装的相关知识
等待您来回答
下载知道APP
随时随地咨询
出门在外也不愁华工巨巨们的作品集制作教程，请大家关注，看完来赞，不迟华工巨巨们的作品集制作教程，请大家关注，看完来赞，不迟
同学你好，&br&&br&我以前总结过作品集排版的方式，可以分享给大家&br&&br&&p&&b&1.骨骼型--规范、理性的分割法&/b&&/p&&p&常见的骨格有：竖向通栏、双栏、三栏和四栏等等。一般以竖向分栏居多。图片和文字的编排上，按照骨骼比例进行编排配置。给人以严谨，和谐，理性的美，骨格经过相互混合后的版式，既理性有条理，有活泼而具有弹性。&/p&&p&&img src=&/0aaf08d38_b.jpg& data-rawwidth=&630& data-rawheight=&615& class=&origin_image zh-lightbox-thumb& width=&630& data-original=&/0aaf08d38_r.jpg&&&img src=&/c546786cbc97137b7bab94b724bcc6c2_b.jpg& data-rawwidth=&559& data-rawheight=&352& class=&origin_image zh-lightbox-thumb& width=&559& data-original=&/c546786cbc97137b7bab94b724bcc6c2_r.jpg&&推荐：交互设计，工业设计的小伙伴们可以多参考这种。&br&&/p&&br&&br&&p&&b&2.满版型--版面以图像充满整版&/b&&br&&/p&&p&主要以图像为诉示，视觉传达直观而强烈。文字配置压制在上下，左右或中部（边部和中心）的图像上。满版型，给人大方舒适的感觉。这也是商品广告常用的形式。&/p&&p&&img src=&/e0bf19fcd26e0_b.jpg& data-rawwidth=&552& data-rawheight=&655& class=&origin_image zh-lightbox-thumb& width=&552& data-original=&/e0bf19fcd26e0_r.jpg&&或是这样，视觉特效拔群&/p&&img src=&/5d_b.jpg& data-rawwidth=&505& data-rawheight=&476& class=&origin_image zh-lightbox-thumb& width=&505& data-original=&/5d_r.jpg&&&p&推荐：学视传，平面的小伙伴们，拿走，不谢&br&&/p&&br&&br&&p&&b&3.上下分割型&/b&&br&&/p&&p&整个版面分成上下两部分，在上班部或下半部配置图片（可以是单幅或多幅）。另一部分则配文字。图片部分感性而有活力，而文字则是理性精致的分析。&/p&&p&&img src=&/b7fa6fd595cb5b65215f3efeb36de26c_b.jpg& data-rawwidth=&470& data-rawheight=&299& class=&origin_image zh-lightbox-thumb& width=&470& data-original=&/b7fa6fd595cb5b65215f3efeb36de26c_r.jpg&&&img src=&/a8fe6abdbdd4fa_b.jpg& data-rawwidth=&369& data-rawheight=&465& class=&content_image& width=&369&&推荐：服装、建筑、环艺等，借鉴起来&br&&/p&&br&&br&&p&4.左右分割型&br&&/p&&p&整个版面分割为左右两部分，分别配置文字和图片。左右两部分形成强弱对比时，造成视觉心理的不平衡。这仅仅是视觉习惯（左右对称）上的问题，不如让上下分割型的视觉流程自然。&/p&&p&如果将分割线虚化处理，或用文字左右重复穿插，左右图与文会变得自然和谐。&/p&&img src=&/93a5a9c2751f25beef877c5f_b.jpg& data-rawwidth=&506& data-rawheight=&350& class=&origin_image zh-lightbox-thumb& width=&506& data-original=&/93a5a9c2751f25beef877c5f_r.jpg&&&img src=&/50afb96e98a11e452cdc3d_b.jpg& data-rawwidth=&527& data-rawheight=&365& class=&origin_image zh-lightbox-thumb& width=&527& data-original=&/50afb96e98a11e452cdc3d_r.jpg&&&p&推荐：纯艺、建筑看这里&br&&/p&&br&&br&&p&5.中轴型&br&&/p&&p&将图形作水平方向或垂直方向的排列，文字配置在上下或左右。水平排列的版面，给人稳定、安静、平和与含蓄之感。垂直排列的版面，给人强烈的动感。&br&&/p&&img src=&/61e4eeaa9d274a908f24a839cc7466c1_b.jpg& data-rawwidth=&435& data-rawheight=&616& class=&origin_image zh-lightbox-thumb& width=&435& data-original=&/61e4eeaa9d274a908f24a839cc7466c1_r.jpg&&&br&&p&&img src=&/ff019c624a2b6a34b733_b.jpg& data-rawwidth=&696& data-rawheight=&526& class=&origin_image zh-lightbox-thumb& width=&696& data-original=&/ff019c624a2b6a34b733_r.jpg&&推荐：平面、工业、交互好帮手&br&&/p&&br&&br&&p&6.曲线型&br&&/p&&p&图片和文字，按照曲线的形态排列，这种排版方式具有极强的韵律感和节奏感。&br&&/p&&p&&img src=&/2ba237ed9f698dc5b92fbd60_b.jpg& data-rawwidth=&484& data-rawheight=&627& class=&origin_image zh-lightbox-thumb& width=&484& data-original=&/2ba237ed9f698dc5b92fbd60_r.jpg&&&img src=&/100faf417edeb9c1ee81_b.jpg& data-rawwidth=&608& data-rawheight=&401& class=&origin_image zh-lightbox-thumb& width=&608& data-original=&/100faf417edeb9c1ee81_r.jpg&&推荐：环艺、插画、戏服来一发&br&&/p&&br&&br&&p&7.倾斜性&br&&/p&&p&版面主体形象或多幅图像作倾斜编排，造成版面强烈的动感和不稳定因素，非常引人注目。&br&&/p&&p&&img src=&/7ac755af65bed023ee78a_b.jpg& data-rawwidth=&697& data-rawheight=&449& class=&origin_image zh-lightbox-thumb& width=&697& data-original=&/7ac755af65bed023ee78a_r.jpg&&&img src=&/b688bc5fc52be9fcd157a1c_b.jpg& data-rawwidth=&617& data-rawheight=&382& class=&origin_image zh-lightbox-thumb& width=&617& data-original=&/b688bc5fc52be9fcd157a1c_r.jpg&&推荐：建筑、鞋靴、珠宝，兼具神秘感，与众不同&/p&&br&&br&&p&8.对称型&br&&/p&&p&对称的版型给人理性、稳定的感受。对称分为绝对对称和相对对称。一般多采用相对对称的手法，以避免过于严谨带来的死板感觉。对称多以左右对称居多。&br&&/p&&p&&img src=&/9bcfed4d68bce775e52ad20_b.jpg& data-rawwidth=&699& data-rawheight=&479& class=&origin_image zh-lightbox-thumb& width=&699& data-original=&/9bcfed4d68bce775e52ad20_r.jpg&&&img src=&/f70c2b911e48b81abe19_b.jpg& data-rawwidth=&659& data-rawheight=&454& class=&origin_image zh-lightbox-thumb& width=&659& data-original=&/f70c2b911e48b81abe19_r.jpg&&推荐：服装、珠宝排版经典款&/p&&br&&br&&p&9.重心型&br&&/p&&p&版面产生视觉焦点，使其更加突出。&/p&&p&a.直接以独立而轮廓分明的形象占据版面中心。&/p&&p&b.向心：视觉元素向版面中心聚拢的运动。&/p&&br&c.离心：犹如石子投入水中，产生一圈一圈向外扩散的弧线的运动。&img src=&/8bbedf2f61f_b.jpg& data-rawwidth=&548& data-rawheight=&403& class=&origin_image zh-lightbox-thumb& width=&548& data-original=&/8bbedf2f61f_r.jpg&&&img src=&/8d56ef0fff8d5dc6e5040bda97da502f_b.jpg& data-rawwidth=&456& data-rawheight=&641& class=&origin_image zh-lightbox-thumb& width=&456& data-original=&/8d56ef0fff8d5dc6e5040bda97da502f_r.jpg&&&p&推荐：视传、平面、交互、室内，聚焦小能手&/p&&br&&br&&p&10.并置型&br&&/p&&p&将相同或不同的图片作大小相同而位置不同的重复排列。并置构成的版面有比较，解说的意味。&/p&&p&给予原本复杂喧闹的版面以秩序，安静，调配与节奏感。&/p&&p&&img src=&/b7fbe4c8c_b.jpg& data-rawwidth=&377& data-rawheight=&509& class=&content_image& width=&377&&&img src=&/f8d9efa0da5fc00c46375a_b.jpg& data-rawwidth=&627& data-rawheight=&567& class=&origin_image zh-lightbox-thumb& width=&627& data-original=&/f8d9efa0da5fc00c46375a_r.jpg&&&img src=&/cb393b4f2dc31c4e924ab23_b.jpg& data-rawwidth=&606& data-rawheight=&317& class=&origin_image zh-lightbox-thumb& width=&606& data-original=&/cb393b4f2dc31c4e924ab23_r.jpg&&推荐：建筑、环艺&/p&&br&&br&&p&11.自由型&/p&&p&无规律的，随意的排版构成，风格偏向活泼，轻快感。&br&&/p&&p&&img src=&/f189cff1eaa27bf0a39537_b.jpg& data-rawwidth=&375& data-rawheight=&500& class=&content_image& width=&375&&&img src=&/2eed0ffae24b33ca4c0fef_b.jpg& data-rawwidth=&472& data-rawheight=&571& class=&origin_image zh-lightbox-thumb& width=&472& data-original=&/2eed0ffae24b33ca4c0fef_r.jpg&&推荐：&b&纯艺、服装、珠宝&/b&；纯艺、服装、珠宝；&b&纯艺、服装、珠宝&/b&；重要事情说三遍&/p&&br&&br&&p&12.四角型&br&&/p&&p&版面四角以连接四角对角线的方式进行排布，给人以严谨，规范的感觉。&/p&&p&&img src=&/9ac228b0b0a4ec2c591c8fa4ef14967e_b.jpg& data-rawwidth=&423& data-rawheight=&571& class=&origin_image zh-lightbox-thumb& width=&423& data-original=&/9ac228b0b0a4ec2c591c8fa4ef14967e_r.jpg&&&img src=&/cd94af8da8_b.jpg& data-rawwidth=&438& data-rawheight=&418& class=&origin_image zh-lightbox-thumb& width=&438& data-original=&/cd94af8da8_r.jpg&&&img src=&/33c61dcf8abc_b.jpg& data-rawwidth=&633& data-rawheight=&632& class=&origin_image zh-lightbox-thumb& width=&633& data-original=&/33c61dcf8abc_r.jpg&&推荐：平面、环艺，就决定是你了！&/p&&br&&br&&p&以上12条排版方法，分别介绍了哪些专业可以优先选择哪些排版方式以期更好的效果，但大家不要局限于套路，各种排版方式都要多多尝试。在同学们熟能生巧后，可以尝试脱离条条框框，跟着感觉走，拥有自己的排版风格。&/p&&br&&p&希望可以帮到你，有问题再问&/p&&br&&p&—————————————————————&/p&&br&&p&欢迎关注我的专栏&a href=&/portfolio& class=&internal&&&span class=&invisible&&http://&/span&&span class=&visible&&/port&/span&&span class=&invisible&&folio&/span&&span class=&ellipsis&&&/span&&/a&&br&&/p&&br&&p&每周二、周五晚6点，准时唠唠那些艺术留学与大家最相关的事儿&/p&&p&&br&如有艺术留学、院校、专业、作品集方面的问题，可私信康石石约稿&/p&
同学你好，我以前总结过作品集排版的方式，可以分享给大家1.骨骼型--规范、理性的分割法常见的骨格有：竖向通栏、双栏、三栏和四栏等等。一般以竖向分栏居多。图片和文字的编排上，按照骨骼比例进行编排配置。给人以严谨，和谐，理性的美，骨格经过相互混合…
中央美术学院景观设计专业、英国谢菲尔德大学景观设计硕士学位——王晓姗老师。来分享下如何练就出优秀的排版，一个高逼格的作品集需要怎样的排版框架&br&&img src=&/76cbccdc96ef8943494eb_b.png& data-rawwidth=&541& data-rawheight=&417& class=&origin_image zh-lightbox-thumb& width=&541& data-original=&/76cbccdc96ef8943494eb_r.png&&&b&背景、作品成果&/b&&br&&img src=&/e9fadde1e05dc7935cd51_b.png& data-rawwidth=&537& data-rawheight=&409& class=&origin_image zh-lightbox-thumb& width=&537& data-original=&/e9fadde1e05dc7935cd51_r.png&&&p&◆ 首先给大家看一下之前在本科时期和在工作时期做过的作品，其中第二张是已经建好的两个项目。我们学实用设计或建筑设计，最让设计师开心的时期往往就是项目建成。&br&&/p&&img src=&/cd82fd690cdcd9c80e434_b.png& data-rawwidth=&529& data-rawheight=&400& class=&origin_image zh-lightbox-thumb& width=&529& data-original=&/cd82fd690cdcd9c80e434_r.png&&&p&◆ 这一张图是我在谢菲尔德做的一个课题。无论你去英国、美国、澳洲还是加拿大，去国外学习艺术设计还是建筑设计，他们最重要的一点是关注你的作品里面有没有特别创新的点在，就景观设计或建筑设计来说，他们特别在意的是比较偏生态方面的设计，从这两张图大家也可以看出，他们偏重生态的一些处理。&/p&&img src=&/b1bdb_b.png& data-rawwidth=&640& data-rawheight=&468& class=&origin_image zh-lightbox-thumb& width=&640& data-original=&/b1bdb_r.png&&◆ 这一张图给大家稍微展示一下以前辅导过的一个姑娘的作品，现在她已经在罗德岛开始了master的学习。我觉得同学们只要路子是对的，尤其是辅导老师对你的辅导路子是对的，申请到一个好的学校都是水到渠成的。&br&&img src=&/de271bafa9ef8fca99e66fee4a07c706_b.png& data-rawwidth=&532& data-rawheight=&408& class=&origin_image zh-lightbox-thumb& width=&532& data-original=&/de271bafa9ef8fca99e66fee4a07c706_r.png&&&p&作品集的排版，也就是type setting。作品集的排版为以下几个方面，首先是framework，也就是作品集排版的框架。&/p&&br&&b&排版框架&/b&&p&我觉得做任何事情，包括作品集的框架，无论你学什么，作品集都要有整体的框架。先放哪个作品后放哪个作品，它都是应该像讲故事一样去跟老师诉说的。我之前也看到很多同学的作品集，往往结构很凌乱，作品没有一个逻辑性和叙事性。咱们也可以想象出来你的tutor在审核你的作品集，因为他每天会过很多作品集，所以如果你的作品集像讲故事一样，那么你的作品集就可以get到这个点，他会把你的作品集的内容记住，在作品集这一块你就可以过关了。&/p&&br&&p&&b&Framework包括两个方面，首先是作品集整个的框架，还有就是咱们今天讲细节排版的framework。&/b&&/p&&p&&b&其他的还有三点需要注意：首先就是字体非常重要，另外还有每张图片的处理，最后还有color,这个color就可以引申为整个作品集的气氛。&/b&&/p&&img src=&/df64c0a997b9c2f26c2fe_b.png& data-rawwidth=&501& data-rawheight=&374& class=&origin_image zh-lightbox-thumb& width=&501& data-original=&/df64c0a997b9c2f26c2fe_r.png&&&p&◆ &b&大家看一下这三张图片，第一张主要以图片为主，第二张是图片与文字结合，第三张则以文字为主。&/b&&br&&/p&&img src=&/42d3f72f2b592ab9b62f29_b.png& data-rawwidth=&493& data-rawheight=&379& class=&origin_image zh-lightbox-thumb& width=&493& data-original=&/42d3f72f2b592ab9b62f29_r.png&&&p&◆ 这样问题就来了。你在做每一张排版之前要问问自己想要表达什么，What do you want to express？想放效果图，比如首饰是想放佩戴图，服装想放服装制作图还是分析的图？文字的量大概是多少？大家注意，整张上面的信息量一定要少。&/p&&img src=&/e14df47bfdeae5bfce45db0f_b.png& data-rawwidth=&640& data-rawheight=&423& class=&origin_image zh-lightbox-thumb& width=&640& data-original=&/e14df47bfdeae5bfce45db0f_r.png&&&p&◆ 这张图有什么问题呢？我们可以看到这张图，排版的问题就是没有主次。在这张图中，平面图、剖面图、效果图、意向图都在其中。没有主次之分，让人看了就没有特别的印象。而且每一个图像也不是特别美观，这就不是很好的排版效果。&br&&/p&&img src=&/502a30fca46ad8d504b1e_b.png& data-rawwidth=&488& data-rawheight=&369& class=&origin_image zh-lightbox-thumb& width=&488& data-original=&/502a30fca46ad8d504b1e_r.png&&&p&◆ 这张图首先它对齐了，framework非常清楚，比较成品的图放大，过程图缩小，分析图放在上面相当于一种留白。所以大家在排版时一定要注意，一定要懂得留白，有实的地方也有虚的地方，就好像学建筑里面有实体空间和虚空间还有中间的灰空间，这里的文字就可以当做灰空间来处理。&br&&/p&&img src=&/56f0a176fd4b5d5af5aa_b.png& data-rawwidth=&640& data-rawheight=&420& class=&origin_image zh-lightbox-thumb& width=&640& data-original=&/56f0a176fd4b5d5af5aa_r.png&&&p&◆ 所以咱们对比一下很容易就可以看到问题，左边那张图很满。右边的图虽然仔细分析一下也是满的，但是右上角用的是分析图和文字，相对来说就是一种灰空间。左边这一排和下面这一排是图片，上面的部分就比较放松，老师看起来会相对心情愉悦和轻松。&br&&/p&&img src=&/c2bcbe58b37e0e825e0f3_b.png& data-rawwidth=&486& data-rawheight=&370& class=&origin_image zh-lightbox-thumb& width=&486& data-original=&/c2bcbe58b37e0e825e0f3_r.png&&&p&◆ 我们就用这句话总结一下framework的精髓。很多同学都听过这句话，我建议大家排作品集的时候，先把图和文字放上去，再做精微的调整。先把大的framework确定了，再check一下，思考一下老师在看时会不会觉得有压力，考虑一下自己想要讲什么，有没有抓住重点。&/p&&br&&p&英文一定要注意，我之前看过学生的东西前面空两格，这是不需要的。大家的阅读习惯是顶格的，一整段的话中间空一行。&br&&/p&&img src=&/392f791f1bdaf5a8be39_b.png& data-rawwidth=&484& data-rawheight=&370& class=&origin_image zh-lightbox-thumb& width=&484& data-original=&/392f791f1bdaf5a8be39_r.png&&&p&◆ 下一个点就是文字的部分。这张图通过字体和颜色、斜体做了变化，使得这张图表现出来的是有细节的。&br&&/p&&img src=&/35d1abd9786_b.png& data-rawwidth=&487& data-rawheight=&370& class=&origin_image zh-lightbox-thumb& width=&487& data-original=&/35d1abd9786_r.png&&&p&◆ 在这里就字体这一内容想跟大家强调一点，就是字体一定要分级。第一个title是什么，sub title要换字体或者换颜色和大小。大家可以看一下这张图的字体，它的title用了Arial字体粗体，下面提的问题用了斜体，再下面换了一种字体，左边把颜色变了。&/p&&br&&p&&b&再看这张图的下面，我给大家总结了两种常用的字体。&/b&&/p&&p&关于变化大家可以看到第一列是粗体，第二列是正常字体，第三列是斜体，第四列则通过颜色来做变化。那么右边的数字是什么意思呢？我建议大家作品集里的字体是10号，最多到12号。这里面还有一个通过经验总结出来的规律，如果你的字体是10号，那么行距就选10+2号。这样的一个行距与字距的关系是让读者看着最舒服的，其实在阅读时我们的作品集和一本journal、一份报纸一本书一样，所以每一个细节都要做好，建议大家把字体尽量做到精致。&/p&&img src=&/37d8bb787a5cdb08f017c19a9f608cad_b.png& data-rawwidth=&491& data-rawheight=&376& class=&origin_image zh-lightbox-thumb& width=&491& data-original=&/37d8bb787a5cdb08f017c19a9f608cad_r.png&&&p&另外想强调一下斜体。为什么在国外会有斜体存在呢？&/p&&p&举个例子，在我们写论文时，我们引用了名言、书名等等，或者想特别强调的地方，就可以用斜体表示。在国外的时候他们对你参考引用了谁的东西是必须要写reference的，所以如果大家要是想把作品集在学术上提升一个层次，给老师更认真的印象，可以在最后一页把你引用的参考书目或者设计师名言的reference写出来。就是说你的名言、设计思路或者idea是出自哪个建筑师设计师的，这样比较专业，因为在国外学校对于academic要求方面是非常严谨的。所以斜体字大家记得用起来。&/p&&br&&p&◆ 刚才字体我给大家总结了一些tips，一个是字体和字号，还有比较常用的斜体，以及字号和行距的关系。接下来我们看一下图片。这张图色调不统一比较乱，没有美感。审美比较重要，如果说没有学过画画的同学颜色方面的把握可以多看一下别人的作品。&/p&&img src=&/52bcd6e7b3a0397ded3c8_b.png& data-rawwidth=&485& data-rawheight=&368& class=&origin_image zh-lightbox-thumb& width=&485& data-original=&/52bcd6e7b3a0397ded3c8_r.png&&&p&◆紧接着看一下这张图片，这张分为两列，有两个不同的projects，这个作品集从颜色上是比较统一的，色调非常舒服。这里要强调一下，你放到作品集里的每一张图都要非常完美。你的作品集无论是分析图还是阐述概念的图和效果图，每一张图都要非常好看。&/p&&br&&p&有的同学想问CAD的图怎么办，其实可以用photo处理一下，和前面分析图的颜色统一一下。这就好像一部车要想正常行驶需要每个零件都非常完美，作品集也是如此，图片可能比字体还要重要，因为它能体现你的设计理念和视觉上的东西，所以要非常注意。&/p&&br&&p&我现在带的同学有一些大一大二的作品已经找不到了，或者拍的像素比较低光影不是特别好，我建议大家要不就重做，要不就用PS软件好好的处理一下。&br&&/p&&img src=&/bae90c194e9c1_b.png& data-rawwidth=&482& data-rawheight=&369& class=&origin_image zh-lightbox-thumb& width=&482& data-original=&/bae90c194e9c1_r.png&&&p&◆ 上面这张图对于图片的处理都很好，无论是效果图还是右边的分析图都很到位，右边小的分析图包括字体从颜色上面都是做过统一的设计的。现在就要求大家做完project开始排版的时候，从意识上把自己当做平面设计师，从字体到颜色和每一张图都要非常完美。并且，你要想清楚你的style是什么，你的整个作品集的气氛是什么样的。&/p&&img src=&/4beef4daf2f75b9c3a5634a_b.png& data-rawwidth=&469& data-rawheight=&358& class=&origin_image zh-lightbox-thumb& width=&469& data-original=&/4beef4daf2f75b9c3a5634a_r.png&&&img src=&/1bc4aeaaf27a_b.png& data-rawwidth=&470& data-rawheight=&357& class=&origin_image zh-lightbox-thumb& width=&470& data-original=&/1bc4aeaaf27a_r.png&&&p&◆ 来看上面这两张图。这两位同学都是学建筑的，做第一张图的同学去了MIT,做第二张图的同学去了AA，他们做的都很好，但是感觉是不一样的，他们的作品气氛也是不同的。&img src=&/721ed7c4d8900935ecef45_b.png& data-rawwidth=&477& data-rawheight=&362& class=&origin_image zh-lightbox-thumb& width=&477& data-original=&/721ed7c4d8900935ecef45_r.png&&&img src=&/ddc2cc7a66d0fad0acf83566_b.png& data-rawwidth=&462& data-rawheight=&351& class=&origin_image zh-lightbox-thumb& width=&462& data-original=&/ddc2cc7a66d0fad0acf83566_r.png&&&/p&&p&◆ 刚才我们看到的是做建筑的同学的作品集，他们在作品集排版时通常会做的比较“酷”，以黑白灰色调为主，CAD可能就是一个反向的选择，黑底白线。&/p&&br&&p&这两张则是做城市规划或者景观的同学做的，这样的主题往往跟绿色是分不开的，也会比较活泼一些。尤其是第二张，我们可以感觉到这个同学性格相对开朗，比较阳光。给大家举这个例子是想跟大家说怎么去做颜色的定位，首先是跟你所学专业有关系，另外还与你的性格有关系。&/p&&br&&p&我一般在给学生辅导时都会先问他是什么样的性格，要从性格去发掘一些东西，整个作品集可以代表你的性格，让老师能感受到你的潜力如何，知道你的性格可以做出的感觉，可以做出什么样风格的东西。&br&&/p&&img src=&/f5eba9d22be4ba_b.png& data-rawwidth=&460& data-rawheight=&351& class=&origin_image zh-lightbox-thumb& width=&460& data-original=&/f5eba9d22be4ba_r.png&&&img src=&/08bbc21a480dfc4b7b36ae3_b.png& data-rawwidth=&468& data-rawheight=&353& class=&origin_image zh-lightbox-thumb& width=&468& data-original=&/08bbc21a480dfc4b7b36ae3_r.png&&&br&&p&下面讲一些tips,是绝对的干货。首先告诉大家，如果实在不会排版，有三个十分简单基本的方法，大家可以拿去用，很好掌握。&/p&&br&&p&第一点是黄金分割率，大家做作品集如果没有很特别的设计，图片和文字建议大家做黄金分割率的安排。&/p&&p&第二点就是要有网格，在做排版之前打个网。在PS或者indesign里面都可以做这样的网格，这样分析图就可以放在这样的网格里面，你的每个project都可以按照这种模式进行排版，整个作品集就不会显得没有章法，整体感更强，让老师留下好的印象，便于阅读。&/p&&p&第三点是我们要把字体看做一个体块来对待，从右边小图可以看出文字排的很整齐，把它当做一个图片或体块来对待，就可以慢慢找到联系，再按照前面讲的黄金分割率，排版就不会出错了。&/p&&img src=&/e2eddca393d_b.png& data-rawwidth=&470& data-rawheight=&358& class=&origin_image zh-lightbox-thumb& width=&470& data-original=&/e2eddca393d_r.png&&&p&◆ 第二个tip就是经常看到同学们做作品集时进入每个项目之前没有明显的提示，这张图就是想告诉大家在每排的作品之前一定要放一个介绍页，介绍页的排版最好一致，这样可以提醒老师进入了下一个项目。这非常非常重要，不会让老师觉得看完作品集都不知道里面有几个项目、表达了些什么。&/p&&img src=&/a4098bacb78a33ec42d53ed6d6f803cd_b.png& data-rawwidth=&462& data-rawheight=&352& class=&origin_image zh-lightbox-thumb& width=&462& data-original=&/a4098bacb78a33ec42d53ed6d6f803cd_r.png&&&p&◆ 这张图也是想表达这种意思。每做一个作品之前，放一个说明页。上面这张图和之前的图风格不同，还是要看你喜欢的style是什么样的感觉，做出你自己的project封面页。&br&&/p&&img src=&/fc82962dbb9dac_b.png& data-rawwidth=&445& data-rawheight=&337& class=&origin_image zh-lightbox-thumb& width=&445& data-original=&/fc82962dbb9dac_r.png&&&p&◆最后要跟大家强调一下，很多学生会在issuu上面看一些别人的作品集。我想告诉大家的是如果你自己已经掌握了一些细节的规律，例如排字体、p图等，那么你的作品集一定要有自己的风格&b&，just be yourself！&/b&这个非常重要，你去模仿别人的东西那么它毕竟还是别人的东西。你一定要有自己的风格，要让自己的tutor看到自己的作品集时对你有一个初步的印象。&br&&/p&&p&&br&内容来源于公众号：作品集分享&/p&&p&原文链接：&a href=&///?target=http%3A//mp./s%3F__biz%3DMzAwOTUwNzg5Mg%3D%3D%26mid%3Didx%3D1%26sn%3Dfb8b524ad5fa5d8eacc9d1d%26scene%3D21%23wechat_redirect& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&Hart笔记第12期——听说看过笔记的都变成了排版大神&i class=&icon-external&&&/i&&/a&&br&&/p&&p&本文为和创留学原创，转载请注明出处。&/p&
中央美术学院景观设计专业、英国谢菲尔德大学景观设计硕士学位——王晓姗老师。来分享下如何练就出优秀的排版，一个高逼格的作品集需要怎样的排版框架背景、作品成果◆ 首先给大家看一下之前在本科时期和在工作时期做过的作品，其中第二张是已经建好的两个…
已有帐号？
无法登录？
社交帐号登录
景观建筑设计狗，吊儿郎当晃晃悠悠