1、网页设计文案的重要性以及如何做好内容为中心的设计
设计师往往忘记重视设计结构那样重视编写文案,以便在网页上突出文案。今天我们将讨论为什么文案是如此的重要,谁又应该学习掌握它,以及如何做好内容为中心的设计。 设计好,文案差 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. 最后,上述的方法将会产生更多的创新设计,因为你没有使用你已经看过的网站作为一个起点。 你应该解决一个问题——而不是使用别人的设计披上你设计的外衣。而这个问题当然是,如何最好地安排和风格化网页上已经有的内容。在传统的方法,一般只是你购买了预设计的模板,才涉及到给预定义的空间填充内容。更好的方法是根据预先存在的内容剪裁和设计空间。
2、晋江原创网的专栏怎么设计?
找代码,晋江上有个叫纳兰澈雪的作者有一篇很详细的文,一定有用!
3、设计学习专栏
我有一幅不知道你满意不满意
联系我QQ
这个上面不能贴图 。
4、有没有一些优质的海报、网页设计的网站?除了46design里边有的..
海报在线设计创客贴、图帮主、Fotojet、Snappa——主要针对非设计人员
Crello、Canva、Studio、Lus——主要针对有一定设计基础的人员
海报模板下载
千图、设计宝、素材公社、站酷海洛、Pixeden、Medialoot、Mockupworld等
AAA设计师 公号上有专栏,说到这个
5、网页设计要用到的单词都有哪些
网页设计中用到的英语单词很多啦。主要来自,网页设计语言HTML中,我尽量帮您列举下。
head 网页头部
body 网页主体
width 元素宽度
height 元素高度
margin 元素之间的边距
top 顶部
bottom 底部
left 左边
right 右边
table 插入表格
cellpadding 单元格内部的距离
cellspacing 单元格之间的距离
font 字体标记
color 字体颜色
marquee 移动文字
form 表单
radio 单选按钮
checkbox 复选框
input 输入框
button 普通按钮
submit 提交按钮
reset 重围按钮
select 下拉菜单
option 菜单选项
value 元素值
text 文本类型
textarea 多行文本区域
frameset 框架集/帧集
frame 框架/帧
…………
还有其他的应该,时间关系,就答这些。
如果有疑问,您可以继续追问。希望能够帮助到您。
6、教室的专栏怎么设计啊,本人教师一枚,求
找美术老师啊
没底子
自己弄不好
7、如何添加网站栏目?
必填项: 栏目名称一般来说,您只需要添加栏目名,然后提交即可。创建一级栏目(顶级栏目):例如,您需要添加产品中心这个栏目,那么您在栏目名称一栏,输入产品中心四个字提交即可。创建二级栏目(小分类):同样的做法,您在栏目名称一栏,输入智能手机四个字,然后在上级栏目处选择产品中心,然后提交就可以了。创建三级栏目,参考上面的做法即可。
8、浅谈怎样设计网站栏目页
想要确定栏目页的发展方向,就要给它定好位,它要往什么方向来发展,之后确定它的设计方向,最后才能进行栏目页的优化。对待栏目页时我们要想象它就是主页,与主页是平等的,这样我们才会更加注重它。栏目页是整个网站的第二层,但是它的方向得确定好,假如想要设计成专栏形式,就该向专栏方面来设计,或者确定成门户类型,其方向就是一个网站。根据以上的定位,才能确立它的设计方向,从而确定结构的方向。不同的定位也导致了优化方案的不同,企业网站就专注于栏目的优化方案,而门户网站主要关注的就是首页的优化了。二、结构方案结构的方案肯定也是与定位相关的。专栏形式的结构就是单页面形式,因为能够突出主要内容,还能关联相关页的面;门户类的结构就适合门户栏目,一般建议和主页风格相同,但是可以应用不同的模板。三、栏目页的优化栏目页优化可以从一下4个方面来着手:网站的头部优化,整体页面布置,外部链接的控制,友情链接控制。1、 头部优化包括对标题、关键词、网站描述的优化。企业型页面一般建议只做标题,门户网站建议每个内容都囊括一下。这些仅仅是建议,不同的网站肯定也会从读者的角度去想,把自己的关键词做的更精确点,让搜索引擎抓取的更快。2、 整体页面的布置也是因网站类型而异。图文声色并茂,原创文章是企业型网站的选择,文章的丰富内容会让读者喜爱,或者精彩的视频和好听的音乐。门户类站点自然就不会以这样的方式来对整体页面布置。3、 企业做链接时,都是选择外部链接相关的,有时甚至是全部相关;门户网站根据的是首页优化方案来确定的。
9、怎样提高网页设计创意能力
一、浏览网站,拓宽视野
·网站
1.pinterest
https://www.pinterest.com/
Pinterest通过用户挖掘有趣内容,收藏并分享的模式,将全球优秀设计素材分享给大家,Pinterest采用的是瀑布流的形式展现图片内图片内容,无需用户翻页,新的图片不断自动加载在页面底端,让用户不断发现新的内容。
2.Behance
https://www.behance.net/
Behance是全球领先的创意设计类聚合平台,推荐和分享优秀设计作品。在这里,可以第一时间欣赏到最优秀的作品,找到最优秀的艺术家。找寻更多的创作灵感。
3.Yanko Design
http://www.yankodesign.com/
Yanko Design几乎包含了全部最新的产品设计、新技术、设计思维,是非常值得推荐收藏的产品设计网站,喜欢的小伙伴快快收下。
4.Core 77
http://www.core77.com/
Core 77是老牌设计网站,站内瀑布式排列,像看杂志一样的内容排版,包含科技感设计,适合设计类及理工类专业。
5.Designboom
https://www.designboom.com/
Designboom平台自从1999年起便成为艺术设计领域的大本营,独立报道一系列产品设计、建筑、艺术、摄影以及平面设计方面的先锋作品。
6.Css winner
http://www.csswinner.com/
Css winner是一个独特的全球性平台,专门展示和奖励最佳网站,推广创新设计师网站、开发者和机构。顶部有导航栏,可以根据自己感兴趣的分类查看。
二、多读书,巩固基础
·书籍
1.《设计中的设计》 原研哉
与艺术相比,“设计基本上没有自我表现的动机,其落脚点更侧重于社会。”以原研哉为代表的一些日本设计师,设计的出发点并非是自我风格的表现或是个人情绪的张扬,而是从揣摩大众的感受出发——无论是视觉还是触觉。先将日常的事物陌生化,再重新进行设计——这种贴近生活、以生活的文化积累为素材的创新在这个纷乱的信息时代显然是十分可贵的,也必将有利于大众的审美意识提高。
2.《现代设计史》
这部涉猎广泛、富有洞察力的著作,纵览了18世纪至今的实用艺术和工业设计,不仅从纵向阐述了各个设计流派、各种设计风格的演变过程及其代表作品,而且从横向探讨了设计和生产、消费、科技、商业之间盘根错节又变动不居的关系。这是一本几乎每个设计师都要拥有的一本书,地位很高,专业性极强,涉及和设计相关的各行各业,材料,科技,政策,物质资源,权力,需求…
3.《The Graphic Design Idea Book: Inspiration from 50 Masters》
这本书是针对优秀设计关键要素的介绍,介绍了广受好评的设计师的主要作品,涵盖的主题包括叙述、颜色、图形和装饰等。
4.《大设计》Penny Sparke
在《大设计:BBC写给大众的设计史》一书中,设计史学者彭妮•斯帕克给我们展示的,远远超过了一段经典设计作品的历史。本书的五个章节,引导读者穿越时空,依照时间顺序游历现代设计:从十九世纪的工业化生产;到现代设计运动,包括包豪斯及其他相关设计活动;经历简朴生活和战争时期;再到战后繁荣及对新材料、新技术的探索;最后在二十一世纪以设计参与到各种最新的活动与事件中结尾。
5.《写给大家看的设计书》
这本书出自世界级设计师之手-Robin Williams,世界著名的设计师、技术专家和畅销书作家。大家经常用到的“亲密性、对齐、重复、对比”4 个设计基本原则,就是出自《给大家看的设计书》。这本书将复杂的设计原理凝练为了简单易懂的、可操作性强的设计技巧,并以简洁明快的风格,展示了大量的示例,让你了解怎样才能按照自己的方式设计出美观且内容丰富的产品。
三、参观展览,提高审美,寻找灵感
不要仅仅局限于以上方式,你需要走出去,多看是需要灵感的工作者需要做的事情,看的越多,脑子里面东西就越多,那也就越有灵感。对于设计师来说,看设计方面的展是必须的,但也不能只看设计方面的展子,艺术创作,涂鸦,摄影展……都要去看,为什么呢?因为美感,设计感,创意感是共通的,不论是在艺术还是设计领域,从不同方面看并吸取经验和知识会让你的设计更加富有创意,与众不同。可以随身携带小本子,这样当灵感来的时候可以迅速画下来,日积月累就会成为你自己的素材库了。
四、研究优秀作品,解读设计思路
当你的知识储备量够了以后,可以尝试对优秀设计进行解读,理解它的设计思路、思维逻辑。选择几个你最喜欢的设计师,仔细研究他们的作品。喜欢哪种设计师的设计风格、设计理念,可以从模仿他的作品开始,要注意的是模仿并不是一件坏事,不是指抄袭,它是探索你自己风格的一个过程。那些设计大师之所以能够成为的大师,就是因为他们的作品足够独特,有创意,有自己的风格。我有个“鬼才设计师”专栏,专门介绍全球著名的设计师,感兴趣的话可以去看一看。
五、善于观察、发现问题
设计师还要善于观察生活,发现生活中的问题,因为设计本身就是从实际问题出发,发现问题,解决问题的一个过程。很多设计都是为了优化人们的生活而存在的,所以设计师们尤其需要擅长发现问题。在产品本身具有设计感创意感的同时也不能忘记它是为解决问题而存在的。
就比如公交车的扶手设计,由于都是统一高度,这就对比较矮的人很不友好。
但按照上图显示的设计,利用三角形作为把手,就可以照顾到不同身高的人。这个问题就是来自于我们生活中经常看到的。
分享一个慢镜头动作分析的方法,比如坐在沙发上看书,天暗了需要开灯,一般正常人的思维就是站起来,去开灯。那作为一个设计师,就需要仔细将这一串的动作进行分解,如果是需要开顶灯,就得站起来,走过去,按开关。如果沙发旁正好有个落地灯,岂不是会方便很多,那打开灯的方式是触摸开关、拉绳开关还是声音开关,调节方式是需要手势控制、遥控控制还是声音控制。这样就会发现很多需要优化的地方使其更加便利。所以想要发现设计点就需要把整个动作慢下来去分析。
最后还可以针对特殊人群去发现问题,像老人、小孩、上班族、家庭主妇等等。他们会面临什么样的问题,这样就会很快找准设计痛点。市场上目前有没有解决这些问题的产品,有的话,就再思考还有哪些需要优化、完善的地方。这就需要你用挑剔的眼光来看待周围的人和事物。
六、注重交流
在追求设计感与创意感的同时,也要考虑到所设计的作品的实用性,因为设计本身就是一个关于人,解决人的问题的行业,只有沟通交流才能了解彼此所需。这里不单单是指和用户的交流,有的设计需要团队协作完成,这时候,和同学、同事、合作伙伴的交流同样非常重要。而且经常与优秀的人沟通交流比起自己一个人闷头干效率会高跟多。
七、参加比赛,将理论应用于实践
此外还需要实践,执行力是身为设计师的很重要的一点,执行力的强弱是影响一个设计师的效率的重要因素之一,比起犹犹豫豫的去想怎么做该不该做,先让自己的手动起来,在行动中找到灵感,可以去参加一些设计类的比赛,比如IF、红点、idea奖以及日本G-Mark设计奖等等,方便参观到全球更多的优秀设计,理论加实践的结合,才能做出有设计感、创意的优秀设计。
刚开始从事各种创意工作的新手设计师,可能最初做的东西并没有那么好,是因为相比一些老设计师,你没有足够的经验和知识储备,只有熬过积累的这个阶段,最终,你的想法、创意,就会更加出彩。现在所能做的最重要的事,就是不断学习、不断创作。