设计常见问题与技巧汇总
本文汇总了10篇关于设计的实用文章精华，涵盖常见操作方法和解决方案。
如何漂亮的LOGO
我们的设计理念，又要符合客户需求，这一点很困难。在Logo设计中有很多元素你需要考虑到，比如：颜色、字体、平衡、象征性等等。所以我们该如何开始呢? 首先你要和客户沟通，要了解他们想要创造什么样的品牌。举个例子，你的客户是股票经纪公司”Petra Capital”，他们想要设计一种干净、具有协作感的Logo，希望能通过Logo向外界传达公司非常专业的形象。该要怎么设计呢? 1.调查研究 首先，我们需要一些背景研究，用 Google去研究一下客户的竞争对手，看看他们的品牌塑造是怎样的，看看他们是采用了什么样的设计风格。用竞争对手的案例来做灵感和启发式很不错的方式，但是我们要确保我们给客户的Logo设计师独一无二的，所以研究一定要细致，进行大量的对比。 然后还要对客户进行一些研究，研究他们的经营模式，研究他们的产品，他们的商务模式。最后我发现Petra Capital专攻矿业类股票，Petra”在希腊语里的意思是”岩石”。这是非常有趣的细节，我可以把这一点融入到Logo设计中。 2.想出一些创意点 一旦我们完成了调查研究，掌握了大量的资料，对于我们将要创造的作品有了初步的的印象后，我们就可以开始通过一种叫做”形态矩阵”(morphological matrix)的方式来头脑风暴，产生创意。这是我在Logo设计上的秘密武器，是一种能够有效组织想法，并且进行合并，从而产生清晰创意的方法。思维导图也是不错的办法，能帮助你的灵感如同奔流一样涌动。 形态矩阵的方法就是，拿出一张白纸，然后在左边的纵列罗列出Logo设计的一些元素、组件。然后在右面把你关于每一个元素的创意尽情的刻画出来。概念性、象征性、实用性、创新性，全部都把他们放在右面。下面就是形态矩阵的图片。既然客户是股票经纪公司，专注于矿类股票。我决定加入一点用线条刻画的山峰，既代表矿业，也代表股票的走势。要记住，Logo设计的重中之重便是识别性，因此我们必须设计独一无二的标志，这样人们才会记住。 3.选择Logo的种类 现在创意有了，我们该确定要做什么类型的Logo。这里有 3种基本的Logo类型，解说性、图标性和字体性。 解说性Logo 这种类型的Logo一般复杂、图形化，因此并不适合于用作公司性质的Logo，因为太复杂的图像要考虑到比例缩小时的显示效果，这是该类Logo的典范。 图标性Logo 图标性Logo一般包括了象征性的图标和文本。这种logo通常都非常的具有力量感，能帮助吸引用户聚焦于文字，同时图标的使用呈递出一种独一无二的视觉效果。而且该类Logo用途广泛，单单就用图标也能起到很好的效果。 文字性Logo 传统、简单，但是非常依赖字体的设计与风格，一般都是粗体。一般应用于保守的行业，比如金融和法律。 4.先从黑白草图开始 最后我选择了图标性的Logo，因为之前做了很多的创意，用这种类型的设计能够完美表现。现在我们开始画草图，白纸黑字。如果一款Logo能在黑白颜色下也能很漂亮，在各种比例下也能保持没干，而且适用于明信片、邮票、网络、公文多种媒介。那么就算是成功了。Logo并不需要特效、光感、渐变来打造美，我通常避开那些特效，仅仅让我的Logo具有简洁美感。 你可以用电脑或者纸张去画草图。一定不要过于复杂，而且要和流行的设计趋势有所差别，这样你的Logo才能长期发光。而且要注意Logo各个部分的比例，下面就是我的概念草图，我们不必太在意细节，细节后期都可以加上。 5.字体 字体的选择也是Logo设计的重要点之一，成败的关键。每一款字体都有自己的独特之处，我们要确保字体的特性和客户的风格、理念相符。千万别在Logo设计中使用太多种类的字体，那样造成非常复杂的效果，而且观感也非常的不平衡，一两种字体就够了。如果你想要确保你的字体独一无二，那么你可以自己设计一种，或者根据现有的字体进行改造。 6.确定整体色系 颜色也是组中Logo的元素中颇为重要的一点，因为Logo能够迅速的通过颜色转换为观看者的情感。我们的想法受到颜色潜意识的影像，因此我们要利用颜色心理学来确切的打造logo。当我们在选择色系的时候，我们应该考虑到不同颜色对应的意义。在网上有很多选色工具，比如”Color Lovers”以及”Adobe Kuler”这些都能帮助我们快速方便的选取颜色体系。 这是我选择的色系。黑色(严肃、强壮、经典) 蓝色(安全、力量、成功) 绿色(金钱、新鲜、简洁) 7.组织到一起 所有的元素准备完毕，现在开始相对简单，但是又复杂的部分，组织。要确保采用矢量图，这样缩放不会丢失质量。要确保整体画面的平衡感，否则让人感觉字体与图像分离。换个角度看看你的Logo看看效果会不会变差，会不会有些别样的效果?一旦你反复检查后，这款Logo你觉得可以
实战：B2B行业网站页面八大诀窍
(中国电子商务研究中心讯)近年来B2B发展势头迅猛，市场趋于成熟，B2B是企业对企业之间的营销关系。它将企业内部网，通过B2B网站与客户紧密结合起来，通过网络的快速反应，为客户提供更好的服务，从而促进企业的业务发展。因此，B2B行业网站由于具有B2B网站的特性和门户网站的特性，决定了页面设计与其他网站的不同。要想建好B2B行业网站，页面设计要掌握以下这8个要点。 1、页面用色、框架及整体风格应该是严谨的，充满商业氛围的。页面的用色要更严谨、忌讳非商业色彩，蓝色、红色、黄色是B2B行业网站的常用主色，忌讳使用绿色、粉红色和黑色为主要色彩;页面的标题栏和导航栏更多要方形的、规则的;网站的整体风格比用色、标题栏设计更加重要，某个搭配颜色比较活泼、时尚一些，并不会影响整体的风格。整体风格应严谨、充满商业氛围。由于B2B行业网站的内容是严谨的、高端的，涉及行业的发展动态、各种技术交流、企业的营销管理知识等信息，注定了内容是严谨的、高端的;由于其涉的是企业与企业之间的交易促进、信息交流与交友，所以在商业栏目更多的要体现出浓厚的商业氛围，一切页面设计都是为商人而考虑的。 2、内容和功能决定表现形式和界面设计。页面设计是没有一个固定标准的，很多时候不能用美丑来判断，也不能用是否有创意来判断，而应该综合分析这个页面的访问者，页面内容、功能。有时候一点创意都没有，和其他很多网站都是类似的，才是最好的，因为就应该是这样的。任何设计、功能都是为访问者、使用者服务的，设计者的分析能力远比创意来的重要。 3、要多使用习惯用法，不要轻易使用一种新用法。所谓习惯用法，是用户经常使用的网站，或者非常知名的网站用法，往往就是用户的习惯，因为知名网站的用户最多，用户也是最认可的。相同的功能，或者说不会因为网站的不同而表达方式发生变化的功能，就可以用习惯用法。 4、建立清楚的视觉层次，让用户能从视觉上区分。页面具有层次感，一看就能明白哪些是重点，哪些是次要的，每个部分表达的内容都非常的清晰，用户能很快的找到自己重点关注的部分。这就要做到：越重要的部分越突出、功能或内容相关的部分在视觉上也要相关、功能或内容在逻辑上包含的部分在视觉上也要进行嵌套。 5、访问者不是在阅读，而是在扫描。对于导航页、首页等，用户会更多的用扫描来获得自己感兴趣的内容。对于内容最终页，用户在阅读前也会先扫描一下大概内容，对于太长的文章或内容，就要看下是否有小标题，如果有就要先扫描小标题，看自己是否感兴趣，感兴趣了才会继续阅读下去。 6、闭门造车者做出的东西，是远远赶不上综合借鉴者的。网页技术更新很快，一个网站的界面设计寿命仅仅2-3年而已。对于B2B行业网站的设计，要多参考，多模仿，找出几十个同类型的最优秀网站来参考，分析别的网站为什么要这么设计，取其精华，去其糟粕，联系自己设计网站的特点加以改进或修改，往往这样的设计才是最成功的设计。因为最成功的网站都是经过多方研究的，他们不仅仅模仿，也有属于自己的创新，大部分也经得起用户的考验，符合绝大部分用户的需求。 7、B2B行业网站大部分的界面应弱化，强调功能和内容。B2B行业门户网站不同于企业网站，它存在的最大价值在于给用户提供一个平台，提供更多有价值的内容，界面存在的价值在于辅助、引导用户更好的去使用这个平台，发现里面自己感兴趣的内容，挑选并阅读，获得知识。并不是要浓墨重彩的使用大量的颜色和图标来表达页面的主题，这个是一些设计B2B行业网站的人常犯的错误，尤其是初学者。 8、页面要模块化、可修改性要强。模块化不仅可以提高重用性，也能统一网站风格，还可以降低程序开发的强度。模块化的最大好处就是统一网站风格，让用户无论在网站的哪个页面，也能明白还是在这个网站，形成了很强的品牌辨识度。时刻记住，做网站的最终目标，就是做品牌，必须要作为设计的指导思想。（文/李学江 编选：中国电子商务研究中心）
实用分享！Logo中应该注意的渐变问题
在Logo设计中使用渐变，似乎是个两极分化的问题：有人把它用的很复杂，让设计看起来很花哨；有人却能运用非常简单的渐变，让设计更好看。 微软和百事logo进化史 Logo设计中的扁平化正当时，扁平化不等于抛弃渐变。无论你喜欢还是不喜欢，认为渐变是好还是坏，在这里，我们进行了一系列对比，试图陈述Logo设计中使用渐变的种种问题。 应该：在创建渐变版本前，先设计出一款出色的纯色版Logo作为基础 不应该: 不要上来就给整体设计加入渐变，一点一点来比较好。 看看左边，纯色版本非常适合在纸媒、标识上呈递，简洁大方。而右边的渐变显得过度繁杂，装饰过度，看起来不如左面的大方，其实简单就好。 应该: 不要单纯的为了渐变而渐变，要让渐变充满创意 不应该: 渐变之后的视觉效果抽象繁杂，和品牌无关。 Airbnb的Logo很不错，和航空相关的品牌，深蓝到浅蓝渐变让人感觉非常的清爽，而且和航空相关，给Logo加入了一种深度和对照感。 而Technology Company的这个Logo看起来非常抽象，和品牌联系性不大。要注重品牌的联系性，渐变只是一种手段，为的是提高Logo的表现力、联系性等等，如果达不到这几点，那么再寻求其他解决方案。 应该 ：如果要渐变，那么设计的精致一点 不应该：在紧凑的图像中，尽量避免使用渐变 尽管Google的新Logo颇有扁平化风味，但是依然有点精致的线性渐变的味道。实现了深度感、经典感。然而右面的Logo，形状太小，渐变运用的太紧密了，感觉非常不专业，很粗糙的渐变。 应该: 如果原Logo设计的很精致，很专业，可以试图加入一点渐变 不应该：如果Logo本身设计的就一团糟，还是不要用渐变为好。 客户是来寻求专业设计的，而不是过来寻求低劣设计的。像左面的BMW Logo，本身就很有国际范儿，再加入渐变，仿佛Logo在发光一般。而右面的Logo，不加入渐变还好，还算能看，一加入渐变，感觉看起来乱七八糟的。 应该: 在设计Logo渐变时考虑印刷问题 不应该: 忽略印刷问题 在设计Logo时，要考虑渐变问题，打印机质量问题，在使用Adobe系列软件时注意调节。 不要死板设计，有时候要考虑到实际情况，有时候Logo被刻在大理石上，历经风雨的侵蚀。有时候Logo被刻在地板上，无数的人经过。这种情况下，尽量不要用渐变，否则色彩斑驳，很影响显示效果。 原文地址：99designs
如何分辨真假官网，官方网站如何
“官方网站”一词是网络上对主办者所持有网站约定俗成的一种称谓，它表示该网站专属主办者意志的体现，带有专用的权威的意思。 ——引自百度百科。 官网说白了，就是指主办者亲自建立（或者授权他人建立）的能代表主办者自己的网站。 为什么要学会分辨真假官网？ 目前，“官网”这个称谓在互联网上并没有相关机构监管，我国也没有相关法律来约束，它只是一种类似广告宣传的称谓，所以谁都可以宣称自己是“某某品牌官网”、“某某机构官网”、甚至你可以随意建立一个网站，然后将其命名为“美国白宫官网”，再加上现在建网站的成本非常之低，建立一个官网的门槛高低可想而知。 学会分辨真假官网就好比学会分辨真假耐克鞋、真假LV包、真假二锅头酒等等，和商品一样，网站也需要分辨真假。随着中国互联网的普及，国人的生活也越来越离不开互联网，网上买用的、网上买吃的、网上缴水电费、网上订飞机票火车票…… 相信网民也都知道，只有通过企业或机构真正的官网，自己的利益才能得到充分保障。但是，现在这年头山寨冒牌网站满天飞，都号称自己是“xxx官网”，网民一旦大意，轻则买到假货或钱货两空，重则误入钓鱼网站导致银行卡信息被盗取。所以，掌握一些识别真假官网的技巧绝对不是件坏事。 那么如何分辨真假官网呢？ 最简单的方法，只要在百度或者谷歌搜“xxx官网”或“xxx官方网站”，排在最前的便是你要找的官网，如下图所示，搜“苹果官网”，前3名全部都是真正的苹果官网。 不过，这种方法只适用于少数非常知名的大品牌，如苹果官网、诺基亚官网等，并不适用于所有品牌，例如在百度搜“三叶草官网”出来的前5条结果中，你能分得清哪个才是真正的阿迪达斯三叶草官网吗？ 另外，再加上目前国内处于垄断地位的企业普遍一个德行——只认钱，谁给钱多听谁的，所以不能完全信任它们，要学会独立思考，善于探索替代方案。看来单靠一条最简单的方法来判断真假官网还是远远不够的。 因此，识别真假官网也需要从多个方面综合考量，就像中医讲究望闻问切一样。我们总结了3个简单有效的考察因素： 1、官网的页面设计 浮躁、急功近利是造假者的通性，所以造假者往往没有耐心去把所谓“官网”的细节处理精细，这就和假货商品一样，多数假货都是粗制滥造的。而通常真正的官网都会看上去很顺眼，一看就知道是用心设计的、花高成本打造的（相对于假冒官网），这点不难理解，官网也代表着企业的形象，哪个企业敢不重视？当然不排除会存在个别有耐心、不惜血本的造假者，所以还要看以下两个因素。 2、官网的域名 域名就是网址中“http://www.”到第一个“/”之间的部分，通常都是abc.com或abc.com.cn或abc.cn等等abc.xxx的形式，现在主流的浏览器基本都带有域名突出显示功能（如下图所示，网站域名apple.com.cn在浏览器地址栏里被加粗显示），这样可以有效的防止假冒网站、钓鱼网站采用障眼法来以假乱真蒙骗网民。知名企业通常都会使用企业品牌的名称作为官网域名，如：samsung.com、bmw.com等等。好的域名可能价值连城，像qq.com这个域名就是腾讯当年花天价从一个美国人手里买的，成交金额至今仍是个谜，业内猜测可能在80万～1000万人民币之间。好域名拥有以下特质：.com后缀、简短、好记、有含义、有商业价值，形式多为极短的字母、单词、拼音、品牌名等。相反的，冗长、难记、没含义、杂乱无章（同时包含数字、字母、连接线等，如：2345asdf6789.cn、qaz-wsx688.com.cn）的域名就不值钱。知道了这点，即便面对一家陌生企业的官网，你也可以大概估计出这家企业的实力了。 3、Alexa全球排名 Alexa.com是一家专门发布网站世界排名的网站，在业界比较权威，通过查看某个网站的Alexa全球排名，你就可以大概了解该网站目前的人气情况，单独看排名的数值虽然看不出什么名堂，但和其他同类网站比较一下排名，意义就显现出来了，打个比方，假如我遇到一个自称是诺基亚官网的网站，到Alexa.com查到这个网站的全球排名是100多万，那我就再查查三星、苹果、MOTO、索爱官网的全球排名，横向一比对，就发现100多万名离另外几家的几千名、几万名的排名差距太大了，那个网站是否真的是诺基亚官网就值得怀疑了。如想更方便地随时查看网站排名，推荐一下Alexa自家开发的工具条软件，安装成功后浏览器的右下角会显示当前所浏览网站的排名情况，网站的排名会以数值和进度条两种形式展现，非常直观方便（如下图），最后建议你平时没事可以多查查各种网站的全球排名、多看看Alexa排行榜，心里有了概念，再炼就一双火眼金睛，以后遇到任何可疑网站都不会怕。 以上都试过了还是有漏网之鱼？恭喜你碰到几率这么小的事情，去买彩票试试手气吧。 再不行其实还可以通过网站备案号、工商注册、whois域名信息等等技术手段
在网页中导航菜单的三个原则（附案例）
导航菜单可能是网页设计中最重要的部分了。每个用户浏览网站时一定有所需，因此导航菜单能够帮助用户寻找信息。好的导航菜单像是导游，告诉用户网站是干什么的，内容分类有哪些，在哪里可以找到什么信息。 而且导航栏也是整体布局的重要组成。 总结一下，导航栏的重要性。 1. 浏览完Logo后，导航栏是用户第一个看到的组件。 2. 导航栏的作用是引导用户。 3. 导航栏的作用也类似于索引，快速帮助用户找到所需信息。 想让导航栏更加优雅、美丽、响应式么？看看导航栏设计的三大要点吧！ 1) 别再让导航胖下去了，给导航减个肥 导航菜单重要性不言而喻。一些设计师往往使用一些繁杂的装饰来做突出。其实大可不必，通过字体、悬停效果、留白可以设计出简约、优雅的极简主义风格导航栏，看看下面的案例。 Design Instruct Sugar Rush Mmminimal AD60 Rhythm 2) 如果有能力，为什么不试试来做响应式设计 设备种类越来越多，如何满足大部分用户的阅读需求?这就必须要使用响应式设计了。根据屏幕尺寸来合理缩放页面，达到更好的阅读效果，这里是一些案例。 Inspire Conference Forefathers Group These Are Things Ryan O’Rourke Stephen Caver 3) 合理放置导航，出现在该出现的地方 将导航放置何处，以何种方式展现，这都是不容忽视的，无论是水平布局还是垂直布局，都要尽量满足用户使用习惯。水平式导航菜单的好处是明显，清晰可见，大家都会知道导航条在上方，而且不是那么占据空间。而垂直的导航菜单可以兼容不同的屏幕尺寸。 避免奇怪的布局 HTML标记要简单 保持简约 CSS设置样式 原文地址：designzzz