网页与文案设计应该学什么

1、令人无法抗拒的营销型网页文案该如何写？

目前的非常多的销售型网站的转化率都非常低，如果能够在网页布局和文案上按照心理学思考模式来安排和撰写的话，转化可以大幅度提升。

在销售心理学中，站到客户的角度，需要回答客户以下几个疑问：

1、你是谁？

2、你要跟我介绍什么？

3、你介绍的产品和服务对我有什么好处？

4、如何证明你介绍的是真实的？

5、为什么我要跟你买？

6、为什么我要现在跟你买？

你可以对照一下普通的电子商务网站，你就会发现他们只做了1点和第2点，后面那四条超级重要的却没有去做，所以他们的转化率会非常低。

我们可以知道，在网络上要想提升我们的网站的转化率，就一定需要让顾客知道，我们可以为他们解决问题，并且让他们相信我们有这个能力帮他们解决。

在这之前，我们需要让他们知道我们是谁，从而对我们有个基本的了解，增加些信任。

让他们了解我们能为他们做什么，让他们知道我们是做什么的，让他们知道我们为什么可以为他们做。

这需要我们去证明我们的能力，最终我们还得告诉他们，为什么我们比别人更适合他，并告诉他们现在就购买我们的理由。

如果一个网站，连这几点，都没有做好，又怎么能让人相信你销售的东西是可靠的呢？

当一个网站没有名气的时候，就需要做好这些，让人了解你。

当你有名后，你可以不说，别人也知道你。

比如淘宝网，凡客诚品，卖包包，当当网等。

这些网站，都有自己的品牌文化，都有自己看得见的优势，所以不需要这么去强调。

正因为如此，如果是做为一个个人，那么去开设一个电子商务形式的产品销售网站，是非常难得成功的，因为前期是需要打造品牌的过程，而这个过程，是需要大量的资金支持的。

对于个人来说，最好的通过网络赚钱的方法，就是一是做竞价网站，二是做销售信网站。

就目前一般的企业网站，也需要非常注意根据营销心理去设计网站。我看到很多的网站，连联系方式和邮政地址都没有，起码这一点就让人觉得信任不过。

企业网站，需要有企业介绍，也要介绍企业能提供哪些服务，这些服务可以帮助到顾客什么。

为什么说你的企业服务是非常棒的，有哪些可以证明，获过什么奖，还是有什么认证，有哪些成功的案例，为什么现在就要联系企业来购买服务。

2、网页文案是什么？

网页文案设计浅谈
当人们访问你的站点时，他们会立即下意识地判断：这个站点怎么样？值不值得当回事儿？要知道，互联网提供了天下大同的机会，也同时让虚拟世界充斥着数不清的垃圾站点、垃圾信息。 他们靠什么判断？速度、设计，最根本的，还是内容。访客会迅速从你的内容、写作技巧和你呈现内容的方式，来判断值不值得在你的站点上投资时间。 所以，网页文案是极其重要的工作。那么，网页文案设计有哪些基本技巧呢？ 文本内容的表现方式，就像你身体的气味一样。如果人家喜欢它，他们就会走近来。如果人家不喜欢，马上逃之夭夭。你希望人家对你的内容感兴趣？没问题，只要你的内容丰富，而且表现方式让人家的眼睛看起来舒服、大脑接受起来舒服。 　 　怎样才算最好地表现你的内容呢？说起来也简单，根本的根本，是设身处地为读者着想：想想人家用什么样的浏览器？人家的网络速度？怎样的方式最便捷、能使 人家在最短的时间内接触到你的内容？别以为你的系统、你的技术全世界通行，你的网站应该尽量考虑所有的网民、考虑他们所有的需求。 下面我们就从网页文本表现技巧、电子杂志的文本格式以及网页文本撰写技巧几个方面来具体谈谈网页文案设计这个问题，希望对大家有所帮助。一、网页文本表现技巧 我们现在从网页文本的工作流程，来看看有哪些需要把握的技巧。 在设计网页之前，你应该是把你所有的文本内容写好了、编辑好了吧？那么先把每个话题、概念、建议和指导意见等等分门别类，切为不同的段落、部分(注意段落要精简)，拿做菜打比方，有点像配菜。 接下来：做标题。记住，标题就像路牌一样，人家在你的网站上逛来逛去，全靠它指路了。标题要意义清晰、描述性强，有人喜欢用花里胡哨的词汇，是很酷，但会增加人家的负担，让人家多花一份脑筋琢磨究竟是什么。 巧妙使用列单和表格。把你的想法按逻辑关系，一条条破解出来，列出来，让人家在视觉上一目了然。同样，表格也能起来这样的效果。适于用表格表现的内容，如果是文字，读起来别提多难受了，是吧？ 立体规划内容，将所有部分按一定的构架各就其位、分别纳入不同层次的页面。注意先要把最重要的内容放到首页上，其他的依次就绪。 现在你就可以勾划页面蓝图、编HTML了。就文本内容的表现而言，记住尽量别让一行文字的宽度横跨整个屏幕。段落一多，这样子看起来很费劲，而且别人的浏览器还可能和你的差别很大。最好别超过屏幕宽度的一半。 内容主体的文字字号，最好用软件的默认值，这可以保证大多数人的阅读效果。为加强效果，文字大小可以时不时地变一下，不过要适度，别喧宾夺主。 如何适度地使表现形式活跃起来呢？别用下划线，容易和链接标识相混，误引来点击。可考虑颜色、粗体、斜体等手段。 记住，每页都得有个“标题”，就是页面最顶端出现的那行文字。有的人不知道这个“TITLE”的重要性，随意来点什么或者根本就忘了。它和文本内容的标题一样，都是你站点的一个个路标，能省吗？ 还有一点，记着考虑如何让人家打印方便。和书刊相比，电脑上的阅读环境要难受得多，所以有条件的读者会选择将网页内容打印下来，躺在沙发上慢慢看。如果资源容许，最好能设定两个版本，一个是正常版本，一个是纯文本的，适合打印。 　 　怎么算适合打印呢？还是那句话，体贴读者情况。比方说，别把文本拉到全屏的宽度，有的打印机会切去右边不少宽度的内容。又如，颜色也得注意，黄色背景下 的红色文本，打印出来就很模糊。最好还是来简单的：白纸黑字。还有，有的浏览器打印带框架(frame)的页面会出错，这个也应该考虑进去。 二、新闻邮件、电子杂志的文本格式 要充分利用互联网的通讯便捷特点，留住“回头客”。最方便的，就是通过电子邮件发送站点内容更新通知，再正规一点，发送定期的新闻邮件、电子杂志等等。那么这些电子邮件媒体有什么讲究呢？ 　 　最基本的，要控制每行文字的长度。每行最好在20个字左右，超过30字就有点玄了，有的订户接到的邮件，看起来就是七零八落、参差不齐。文字长度的控 制，可以用字处理程序来做，实在不行，就手工来。这是针对纯文本邮件而言的，有人喜欢用HTML格式的，下面我们就看看网页文本需要哪些技巧。 三、网页文本撰写技巧1、最吸引人内容要先说先说最吸引人的内容，然后再慢慢展开。然后再慢慢展开。或者说，把你的独特内容包裹成一个悬念，吸引人家注意。读者看一篇文章，前三段注意力最集中，如果这“寸土寸金”的前三段用不好，人家就要和你说再见了。 遵从同一法则，做标题更为重要。读者一般只是寻找某些特定的信息，而不是什么都看。他们会掠过一行行文字，捕捉感兴趣的关键词、句子或段落，如果你用清晰的标题指引人家，会使他们浏览起来很便利。 同理，措辞要讲究，适当使用形容词，吸引力会更大。比方说，“功能强大的新软件包”，和“新软件包真好”相比，是不是更引人些？ 总之，要有些想像力，花点心思，琢磨琢磨用怎样的文字，才能最大限度地挑起读者的好奇心和注意力。 2、内容要使读者在思想上、在视觉上产生愉悦感你在写作时，要记住，你的网页可能会被成千上万的人浏览。如果你的内容让人家觉得是专门为他(她)而写，那么，你的站点对他们的吸引力就大得多。别自顾自地讲大道理，实在点、直接点、轻松点，就像和你的一位好朋友面对面聊天一样，让人家看得下去。 3、着笔尽量要细致让人家能在最短的时间内，了解你想呈现给人家什么。给人家一幅清晰的画卷，别云山雾罩的。 4、开门见山，直接了当大家都知道，网友的耐心尤其少。你能提供的信息或许对他们有裨益，但如果要人家没完没了地翻下去才能找到，恐怕极少有人有这份耐心。 5、越简捷越好一个句子最好别超过25个字，太长了，会让读者接不上气。段落也要尽量简短，6-8句足矣。再长，屏幕上黑乎乎一片，人家眼睛先花了，屏幕上看东西本来就没有读书读报来得舒服。 6、认真修改　 　写完了，文字很“酷”，标题很“酷”，是不是就可以万事大吉了？NO。先好好组织一下段落结构、逻辑关系，别东一榔头西一棒子，要一段一个意思，一部分 一个题，全篇从逻辑上要完整、顺畅。要注意给读者留点自由，让人家一看就能放心地选择，哪些感兴趣，哪些可以跳过去。 再仔仔细细地通读一遍，看有没有错别字、病句、逻辑混乱问题？直到一切OK才行。 你不必有诺贝尔文学奖得主那样的写作天赋和素养，只要肯花心思琢磨，参照上面的“规矩”，你的网页内容应该会为你赢得更多的访问量和注意力资源，不信试试看。

3、做网页设计时文案在哪里找比较多？

可以在网上专门搜集一些类似的资料，也可以关注一些写文案的微信公众号

4、前端开发 要做一个类似公众号平台那样可以编辑文案的页面，有什么框架或者模板推荐吗？

最近刚做了一个微信图片投稿的小应用。前端功能很简单，填写表格，上传图片。图片部分用了微信的 JS SDK，同时兼容非微信浏览器或低版本微信（也就是调用系统input啦）。
前端我用的是 React＋Bootstrap。因为我现在就靠这一套通吃。。。（别的不会
页面文档：1.4KB
css：1.9KB，
bootstrap.min.js：120KB，
app.js：138.2KB，
微信 JS SDK：9.4KB
字体：17.9KB
一共279.4KB，用起来还 OK，实际上这个应用页面很简单，不用 Bootstrap 完全可以（我就是懒），体积一下就能减少43%。
测试过的机型包括 iPhone 5s＋，Nexus 5，小米 Note，魅族 MX5，MOTO X Style，三星 Galaxy 4，OPPO A31。iOS 微信版本6.3.9，Android 微信版本6.3.8，OPPO 的微信版本是5.3，不支持 chooseImg 接口。
事实上微信页面并不会太复杂，或者说太复杂的页面并不适合微信，复杂度应该在产品设计阶段就解决掉，如果前端需要上重武器才能完成需求，不如回过头好好想想产品设计的问题～

5、网页设计文案的重要性以及如何做好内容为中心的设计

设计师往往忘记重视设计结构那样重视编写文案，以便在网页上突出文案。今天我们将讨论为什么文案是如此的重要，谁又应该学习掌握它，以及如何做好内容为中心的设计。 设计好，文案差 As designers, we rightfully spend our time focused on aesthetics. We are pixel pushers who firmly believe with the strongest conviction that attractive websites are fundamentally better websites. 作为设计师，我们理所当然地多花时间专注于美学方面。有吸引力的网站可以从根本上改善网站，我们正是这种观念最坚信的推崇者。We build our mockups with “lorem ipsum” so we can go back and write something better when we have the time. Deadlines approach and still we put off the text until the last possible second. Finally, as our various GTD apps inform us that the time has come to submit the artwork, we hash out some quick text to throw onto our beautiful creations and send them off, without a visual blemish yet still marred by the subpar copy that appears on every page. 我们使用“Lorem Ipsum”文本排版生成器建立我们的排版模型，所以我们有时间的时候还可以回头写更好的东西。而截止日期的做法（甚至是我们自己）仍然有可能把文案推迟到最后一秒。然后，各种GTD程序通知我们是时候提交我们的作品了，我们就在漂亮的作品上临急临忙的放些速写的文字，然后就扔出去了。最后每个页面即使视觉上都没有什么挑剔，却依然看到很多美中不足的文案。 For many of us, this is simply how we’re programmed. We’re visual beasts that thrive on good design. The problem of course is that the neglect of solid copy will often cause the finished proct to suffer as much or more than a poor design. Unless designers are your target market, your user base will be populated largely by indivials that don’t speak design. Show them Dribbble.com and they’ll wonder aloud why anyone would ever create such a service. 对于我们大多数人而言，如何编程对我们来说简单的很，我们是靠优秀设计成长壮大的视觉怪兽。然而问题是，我们对实在文案的忽视导致我们最终的成品大受影响，影响甚至超过那些差劲的设计。除非你的目标市场是设计师，否则你的用户群中大多都是不跟你谈设计的。你告诉他们Dribbble.com，他们会好生奇怪，为什么有人会提供这样的服务。 Sure, they can often interpret what is ugly and what isn’t similarly to how we can, but only on an intuitive level. What they really notice is how the website feels. Whether it’s smooth or clunky, easy to navigate or impossible. This is what is meant when designers say that great design is transparent. If your users notice your interface too much, it’s probably because they hate it. 当然，他们往往可以解释什么是丑陋的，什么是雷同的，就像我们一样，但只能在一个直观的水平。他们真正在意的是网站的整体感觉，是否流畅或繁琐，是否易于操作。这就是设计师所说的，优秀的设计是透明的。如果你的用户对界面很关心，很有可能是因为他们很讨厌这个界面。 This same metaphor of transparency applies to copywriting on the web. It’s worth noting that the average user is in fact trained in reading and writing far more than design, though still only as much as a standard ecation supplies. To these users, we’ll call them “normal people” as opposed to we visual freaks, browsing the web is a reading experience. Evaluating a service involves skimming the sales pitch and reading the list of features as much or more than evaluating the visual layout of the elements on the page. They’ll even hire a designer based as much on what he says about himself as what appears in his portfolio. If you have strong copy, they won’t notice or evaluate it too much,they’ll be far too busy being convinced of what it’s saying. 这个透明的比喻同样适用于网页上的文案。值得一提的是，实际上一般用户在阅读和写作方面所受的教育要远远超过设计方面，虽然依然只是一个标准教育的产品。对于这些用户，我们会称他们为“正常用户”而不是我们这些视觉怪兽，浏览网页对他们是一种阅读体验。他们关注那些涉及到服务的促销广告词和特性列表的阅读，相当甚至是超过关注网页上元素的视觉布局。他们甚至会更愿意聘请这样的设计师——他们自己说什么就做出什么样的设计作品。如果你有足够扎实的文案，他们就不会太在意或诸多评价，他们正忙于确信文案的内容。 Heads or Tails? 正面还是反面? The point that I’m driving at here is that design and copywriting are two sides of the same coin; inseparable in every way. The user doesn’t see the design and the text, he sees a website. A single integrated item that is either desirable or not. 在这里我想说的关键点是，设计和文案是一个硬币上不同的两面，是相互联系密不可分的。用户不是单纯看设计还是文字，而是在看一个网站，一个单独的综合项目的可取与否。 The trick then is to toss out “lorem ipsum” for as much of the design process as possible. Stop designing without any notion of the goal of the design. To engage in design without copy is to build a box before you know what will be placed inside. To put it differently, consider the following quote from Jeffrey Zeldman 有一个技巧是在设计过程中尽可能的扬弃”文本排版“。如果没有任何设计目标的概念，就停止那些设计。如果设计没有文案，在你了解要放什么在里面之前可以先留出一块方框。换种方式讲，应该考虑一下Jeffrey Zeldman下面这句话：“内容先于设计。没有内容的设计那不是设计，是装饰。”This is precisely my point. Unless you’re designing purely for the sake of design and not engaging in some professional venture, the design should serve to reinforce the message, not the other way around. 这正是我的意思。除非你是纯粹为设计而设计，而没有涉及到一些专业风险，设计应有助于加强内容消息，而不是相反。 As an experiment, try building your next project by first placing in all the content that should be on the page. Throw in the headlines, the copy, the features, the widgets, the navigation; everything you can think of, but do so without design. The first step is merely to put it all in one place. Once you’ve got it there, then begin to style it. Think about different ways you can arrange it, color it, and bring it to life. 作为一个实验，在你的下一个项目中可以尝试一些把应该在页面显示的内容最先放上去。加上标题，文案，专栏，小挂件，导航，一切你能想到的，不要带设计。首先是把所有内容都放上去，一旦你想好了排版位置，然后开始风格化。你可以尝试不同的方式来编排，加些颜色，让页面活泼起来。 This will lead to design that is both more effective and more original. It will be more effective because the entire page is structured to highlight and communicate your primary message. Obviously, to even begin this design process, you’re forced to focus entirely on structuring your communication. Use a simple text editor so that you’re not distracted by how the message looks. Instead pay attention only to how it reads. 这样做设计不但更有效率，也更具创新。之所以更高效是因为整个页面的结构都突出和表达了你的主要信息。很明显，因为甚至是在设计过程的开始，你就不得不把重点放在结构化你的信息表达。最好使用一个简单的文本编辑器，这样你不会受文字信息的“长相”所干扰，而只需关注它的阅读效果。 Consider above all else your target audience. Who are you seeking to appeal to with this message? What do they already possess in this area and why ins’t it good enough? And of course the most important question of all: Why wouldn’t they want to use the site, buy the proct, hire the person, etc.? We’ll discuss this question more in a later article so for now just know that this question is the key to great marketing. 考虑你的目标群体高于一切。你希望谁阅读这些消息？他们在这方面已经具备了什么？为什么还总不够好？当然，其中最重要的问题是：他们希望使用的网站干什么？购买产品？雇用职员？等等。 我们将在以后的文章中讨论这些问题，现在只需要知道这是良好营销的关键问题。 Finally, the method mentioned above will lead to more original design becauseyou’re not designing by using other sites you’ve seen as a starting point. Rather than wireframing someone else’s design with your own coat of paint you’re instead solving a puzzle. The puzzle is of course how to best arrange and style the content that is already on the page. The tradition method involves jamming content into a predefined space as is the case when you purchase a pre-built design template. The better route is to tailor and evolve the space to accommodate pre-existing content. 最后，上述的方法将会产生更多的创新设计，因为你没有使用你已经看过的网站作为一个起点。 你应该解决一个问题——而不是使用别人的设计披上你设计的外衣。而这个问题当然是，如何最好地安排和风格化网页上已经有的内容。在传统的方法，一般只是你购买了预设计的模板，才涉及到给预定义的空间填充内容。更好的方法是根据预先存在的内容剪裁和设计空间。

6、求一款文案做网页设计用的软件（好像是国外的，跟DW有些类似）！！！

notepad++