设计师：从客户角度看web网页设计

秒速五厘米 2022-08-07 04:58 193阅读 0赞

<table style="word-wrap:break-word; empty-cells:show; border-collapse:collapse; table-layout:fixed; width:698px; color:rgb(0,0,0); font-family:微软雅黑,Tahoma,Helvetica,SimSun,sans-serif; font-size:14px; line-height:25.200000762939453px"> 
 <tbody style="word-wrap:break-word"> 
 <tr style="word-wrap:break-word"> 
 <td style="word-wrap:break-word"> <p style="word-wrap:break-word; margin-top:0px; margin-bottom:0px; padding-top:4px; padding-bottom:13px; border:0px; color:rgb(51,51,51); font-family:'Microsoft YaHei',微软雅黑,宋体,Arial,Tahoma,Helvetica,sans-serif; line-height:28px"> 本文讲述了一个设计师在做设计时的众多小插曲，正是这些小插曲才成就了最终的设计稿，有苦逼，有泪水，有经验，有成就……总之，被虐是因为修行还不够。设计师的能力绝不仅限于设计的水准，如何包装自己？如何包装自己的作品？ <p style="word-wrap:break-word; margin-top:0px; margin-bottom:0px; padding-top:4px; padding-bottom:13px; border:0px; color:rgb(51,51,51); font-family:'Microsoft YaHei',微软雅黑,宋体,Arial,Tahoma,Helvetica,sans-serif; line-height:28px"> 客户：你这banner图放在整个网页上感觉头重脚轻。。。。 <p style="word-wrap:break-word; margin-top:0px; margin-bottom:0px; padding-top:4px; padding-bottom:13px; border:0px; color:rgb(51,51,51); font-family:'Microsoft YaHei',微软雅黑,宋体,Arial,Tahoma,Helvetica,sans-serif; line-height:28px"> 设计师：网页设计中有一个理念叫做“首屏概念”。网页设计并非平面设计，注重整体视觉感官，而互联网用户在锁定特定信息前是通过自上而下，用“瞄”的方式浏览<a href="http://www.html5cn.org/" style="word-wrap:break-word; color:rgb(68,68,68)!important; text-decoration:none!important; border-bottom-width:1px; border-bottom-style:solid; border-bottom-color:blue" rel="nofollow">网站</a>的，需要满足用户的阅读体验。用户浏览网页的顺序正是遵从了首屏概念。第一眼看到的是一屏，而不是完整版网页，所以头部banner的大小和颜色不会对整个网页的统一性造成影响，更不会存在头重脚轻的概念，而是要尽可能的吸引用户。 <a href="http://www.html5cn.org/data/attachment/portal/201408/22/154820qgkqydktg00nygek.png" style="word-wrap:break-word; color:rgb(51,51,51); text-decoration:none" rel="nofollow"><img src="http://www.html5cn.org/data/attachment/portal/201408/22/154820qgkqydktg00nygek.png" alt="" style="word-wrap:break-word; border:none; max-width:620px"></a> 客户：做的不是我想要的。 注：遇到这种话立马要想到四个字“需求分析”。 设计师：客户对自己的产品定位都是相当清楚的，但是客户不懂设计，表达不出自己想要的设计风格和布局。当客户认为你的设计不是他们想要的时，首先让客户提供些喜欢的案例网站发给设计师，并指出喜欢哪里和不喜欢哪里，这也是最有效、最节省时间的需求分析的方法。作为设计师，你需要从客户那儿得到尽可能多的信息，以尽自己最大能力来完成项目。如果客户不愿意提供案例网站，那就需要设计师自己多废些时间，按照客户的需求，先构思出网站的整体框架，并找出每个模块的参考网站，先和客户沟通，并指出参考网站的模块设计的好处，因为客户不懂设计，所以有些设计需要设计师来做一下用户引导，最终达到客户满意的设计，同时也展示出我们的专业。 <a href="http://www.html5cn.org/data/attachment/portal/201408/22/154851ks33sf3xsk3ox26p.jpg" style="word-wrap:break-word; color:rgb(51,51,51); text-decoration:none" rel="nofollow"><img src="http://www.html5cn.org/data/attachment/portal/201408/22/154851ks33sf3xsk3ox26p.jpg" alt="" style="word-wrap:break-word; border:none; max-width:620px"></a> 客户：你这太简单了，没怎么设计过？ 设计师：这个不怪客户，这个只说明你不了解客户的审美点。网页设计极简主义，少就是多。在WEB设计领域，用户浏览网站信息大多以“瞄“为主，简约的设计为用户浏览信息解决一切繁琐的干扰。一个极简设计会将焦点直接放在内容上。所以才会有”简约而不简单“的理念，因为背后承载了用户体验之后的感受。对于设计而言，没有绝对的设计，没有绝对的美。 <a href="http://www.html5cn.org/data/attachment/portal/201408/22/155543jwdyjn51w5t3w3bt.png" style="word-wrap:break-word; color:rgb(51,51,51); text-decoration:none" rel="nofollow"><img src="http://www.html5cn.org/data/attachment/portal/201408/22/155543jwdyjn51w5t3w3bt.png" alt="" style="word-wrap:break-word; border:none; max-width:620px"></a> 客户：要求设计出高端大气的网站 设计师：好的，不过我想细化一下您对这个网站的需求，最好您能提供一些您比较喜欢的网站类型的参考案例，还有您喜欢的地方，这样能更好的为贵公司量身定制一个合适的网站。通过深度沟通后，您喜欢不传统矩阵式条块明确的布局方式，而是喜欢布局错乱且板块间有留白的简约的设计风格，并且这两个版块您很重视，需要做的突出些…… 大致明确您的需求，为了设计出让您满意的网站，我会在明天下午向您提交两个设计初稿和设计想法，以确保设计尽快确认，不耽误项目进度。 <a href="http://www.html5cn.org/data/attachment/portal/201408/22/1556114luuiwzlnd4ynlwg.png" style="word-wrap:break-word; color:rgb(51,51,51); text-decoration:none" rel="nofollow"><img src="http://www.html5cn.org/data/attachment/portal/201408/22/1556114luuiwzlnd4ynlwg.png" alt="" style="word-wrap:break-word; border:none; max-width:620px"></a> 客户：整个版面的颜色不喜欢 设计师：根据您之前的需求，您想要简约、明快、年轻、有活力的网站，所以配色应该是明度和纯度都相对比较高的颜色。基于贵公司的产品是高端的果蔬饮料，面对人群的收入和审美偏好都属于高端人群，所以最后决定将配色的明度略微降低了一些，并且采用了富于健康、自然、活力的嫩绿色作为主色调，营造出果蔬饮料本身的纯天然、健康饮品。 客户：首页的这块布局不好看，应该按照这样布局 设计师：对于主导意识比较强的客户，不妨自己做一下用户引导。但不要试图顶撞需求方，这样做并不明智；也不要试图用自己的专业术语说服对方，这会造成沟通的无效，严重的甚至会让需求方觉得你是在“忽悠”他，从而对你产生不信任感。比较合理的方式是：我觉得，您提的想法很不错，只是，我个人觉得..........（尽量用对方听的懂的大白话）这样做的话效果会更好一些。当然，我们可以按照您的思路给您做一稿，但是如果可以，我想按照我的想法也做一稿，两稿比较下或许会更稳妥些。 <a href="http://www.html5cn.org/data/attachment/portal/201408/22/1557106lfh8u55mz3mhmcu.png" style="word-wrap:break-word; color:rgb(51,51,51); text-decoration:none" rel="nofollow"><img src="http://www.html5cn.org/data/attachment/portal/201408/22/1557106lfh8u55mz3mhmcu.png" alt="" style="word-wrap:break-word; border:none; max-width:620px"></a> 设计没有绝对的好与坏，找准定位，做好分析，对症下药就有好设计。良好的沟通、全面的分析是设计顺利完成的前提条件。快速的协调与调整则是设计项目有效率推进的必要条件！ </td> 
 </tr> 
 </tbody> 
</table>