网站设计经验分享:浅谈设计中的逻辑推论

  逻辑(理则学),源自古典希腊语λόγος (logos),最初的意思是“词语”或“言语”,还引申出意思“思维”或“推理”。逻辑经常被认为对论证评价准则的研究,尽管逻辑的精确定义在哲学家之间尚有争议的事情。这个主题还是有所依据的,逻辑学家的任务是相同的:提出大量的有效和谬误的推论,从而允许人们区别出好论证和坏论证。

  逻辑,也就是思维的规律。小时候有人问我一群羊加一群羊等于多少群羊,我二话不说是两群羊,他说错了,是一大群羊。1+1=2是真理,1+1=1也是真理。逻辑的存在如同我们日常生活一样。有着密不可分的常态感。种族之间的相互不一影响着人类的认知,美国人的独立平等可不一定能让各就其位等级严格的日本人接受。所以,我理解的设计中的逻辑,是常规意识下有规范有顺序,有理有据,小到一个符号也能说明和画面的关系以及他存在的意义的。

  所以,个人才疏学浅,不敢说自己写的多么有道理,只为这寥寥几年的设计工作经验和阅读书籍中得来的一些设计中的逻辑推论,总结如下。

  1.设计中的阅读逻辑-古腾堡图表

  我们引导用户从我们的画面读取我们想引导的信息。但是早在14世纪一位名叫约翰古腾堡的德国印刷工人就发现了习惯视觉点的阅读规律。他不仅是西方人眼中的活字印刷术发明者,也告诉我们人在浏览画面或布局的时候,视线往往从左上角移动到右下角。我们的视觉点生来就是不公平的,就像我们喜欢看吸引眼球的美好事物一样,对角线平衡的阅读轨迹规律可以帮我们在设计中避免一些规范性错误,当然并不是所有画面都适用,避免教条主义。


  根据古腾堡图表的阅读逻辑来看,这一系列图片首先从左上角看到的是该品牌的logo,再由阅读轨迹从对角线视觉中的词组到右下角的产品,画面需要强调的元素都在阅读逻辑的规律下展现。其余的视觉盲点则是辅助性元素。

  2.直线式逻辑

  对于直线式逻辑,我的理解是自上而下如同权力分配等级制度。同产业链一样,一环扣一环,每个环节都是紧密相连前后有序,严谨合理。例如一个产品的页面详情如下:


  直线式逻辑思路明确,针对性强,容易看懂,我们引导用户顺着这个逻辑看设计也不会思路混淆。

  3.金字塔式逻辑

  金字塔式逻辑,结构中的各种分类以仅有的几种逻辑方式互相联系(向上、向下和横向),构成相互联系紧密且通畅的逻辑思路。金字塔逻辑运用广泛,例如网站架构


  4.曲线式逻辑

  奢侈品为什么可以常年价格居高不下却有大批忠实购买者,玩的就是曲线式消费。一边原料至上价格不菲,一边品牌炫耀满足人们的虚荣心,两者膨胀日益上升形成我们的微笑式价格欺贫战略。越贵越有人买!

  奢侈品在富有国家的价格远低于贫穷国家的价格,背行“价格规律”大获成功。这种垄断式捆绑销售使曲线式消费在一种不合乎逻辑但合乎市场特殊规律的情况下成为商业奇异战略。

  在此我大胆假设曲线式消费也能转化成设计中的曲线式逻辑–设计或产品独一无二的领先性与用户非理性思维的消费模式。领先意味着垄断。非理性消费很大程度体现消费者有强烈的欲望,两者趋于上升,由最初的设计逻辑转化成销量或者点击率是相当可观的。苹果产品在中国的价格为什么比在美国贵,却照样能另国人疯狂通宵排队购买,个人觉得也是有这因素在里面。


  5.网格

  网格是用竖直或水平分割线将布局进行分块,把边界,空白和栏包括在内,以提供组织内容的框架的辅助性工具。设计中不能忽视的网格,从印刷物料到网页页面,还是最新的Windows8系统界面,无论我们的设计如何,网格在设计中必然存在。网格可以使页面布局显得紧凑而且稳定,为设计师在设计站点时提供一个逻辑严谨的模板。网格也可以使版式设计有连贯性和韵律,让那些看上去相当小并且毫无联系的元素也可以在网格的布局里占有自己的一席之地。

  但是网格不只是让设计师一味地按照规律来枯燥的设计,只是在一个合理的运用下构造和设计出好的作品来,适时地打破规则也能有意外的惊喜。


  举例版式设计中字与图形的网格布局


  举例网页设计中网格的布局

  最后总结下,设计中还有很多值得推敲和学习的地方,自己能想到悟到的也只是九牛一毛,明知一入设计深似海,学不尽的知识正等着我们探索,加油吧!~

  文:ucdchina.com

时间: 2025-01-02 18:41:42

网站设计经验分享:浅谈设计中的逻辑推论的相关文章

经验分享:浅谈垂直门户网站如何提高网站价值

中介交易 http://www.aliyun.com/zixun/aggregation/6858.html">SEO诊断 淘宝客 云主机 技术大厅 人的价值在于对社会的贡献,但是一个网站存在的价值是什么?广大站长怎么让自己的网站体现出它存在的价值,从而给你带去可观的收入?我想这是我们值得思考的问题.接下来,我浅谈一下垂直门户网站该如何提高网站的价值.高手跳过,新手一起学习进步.现在个人站长的时代已经过去,但是还是有个人站长,为了理想,为了兴趣,为了生活在部分日夜的奋斗,苦的是付出的劳动得

用户界面设计经验分享:界面设计技巧分享

如此有用的文章我已记不得是什么时候发现的了,但在看完的那一刻便想将之翻译,分享给大家自己也受用. 时间过了很久,来到了2014年,终于静下心来花了大把时间连同图片一起译成了中文.像我这样业余的翻译六级分数只够及格的程序员,不敢说做到信雅达,但求意思到位. 1 尽量使用单列而不是多列布局 单列布局能够让对全局有更好的掌控.同时用户也可以一目了然内容.而多列而已则会有分散用户注意力的风险使你的主旨无法很好表达.最好的做法是用一个有逻辑的叙述来引导用户并且在文末给出你的操作按钮. 2 放出礼品往往更具

网页设计经验分享:再谈网易首页的改版

之所以说再谈网易首页的改版,是因为去年临近奥运会的时候,网易首页做过一次改版,奥运会之后网易首页做了一下小调整,调整后的首页让人感到很困惑.今天在没有任何预告的前提下,网易又上线了新首页. 其间有个小插曲是,新首页刚上线后,很多地区突然无法访问网易首页,我访问的时候是服务器返回500. 网易就此次改版的说明是:"本次改版从整体到细节都有一个质的飞跃,新版继承了网易一贯简约.大气.包容的设计品质,达到以用户为中心提高用户体验.促进频道发展的改版设计目的." 此次改版促进频道发展的目的似乎

设计经验分享:创意图标设计实例

小xiao说说创意图标设计心得 很开心可以和导师阿坚在08gui大赛中一起去完成<fight>的图标设计,在这个过程中真的是受益匪浅!这里我谈一下在这个过程的一些小小心得. 首先在创作初期,我先描述了自己的想法,主要的设计方向是一套骷髅主题的图标,阿坚并没有赞成或反对这个想法,只是叫我先去画草稿给他看.这就是最开始的手稿: 画出来的骷髅没有任何特色,不知为何下手去美化和添加这个骷髅的性格特征,此时阿坚示范了用"液化"工具,随意的对这个骷髅进行了一些变形: 接下来是上色的阶段

设计经验分享:怎样才能设计最成功的标志

怎样才能做好一个标志? 最成功的标志都有一些共同的特点,以下几点最重要的原则. 一个成功的标志不仅仅需要创意或技巧.因为标志最终是要配合各种场合,所以无论用在什么地方,它都必须表现良好.这可以说是一个难以平衡的过程,但无论如何,你必须达到这一点.你要考虑的就是如何让标志发挥作用,看一下以下的一些指引对你的设计是否有帮助? 1 .它必须简单 过于复杂的设计会产生沟通的障碍,所以在标志中不要显得于过拥挤:如果将绿地.旗子.线路.高尔夫球手.岛形元素.边界.圆环.弧形字体集合在一个标志中,成了一个大杂

设计经验分享:如何设计文字标志

上文:设计经验分享:怎样才能设计最成功的标志 [译者的话] 虽然在我们网站已经有很多篇谈论标志设计的文章,但对我们有帮助的文章不怕多.在设计一个标志时我们或许会认为"创意"是最重要的,但事实上,有一些基本原则比创意更重要.这些原则对于日后设计一个成功的标志是必不可少的. 如何设计文字标 文字标是指不包含图形的标志,设计这种标志其实可以很简单! 一个标志如果不包含图形或图片即称之为文字标,这类标志设计起来相对比较容易.文字标是使用最广泛的一类标志,事实上,很多国际性大公司都在使用这种标志

浅谈PHP中的&amp;lt;&amp;lt;&amp;lt;运算符_php技巧

PHP中提供了<<<运算符构建多行字符串序列的方法,通常称为here-document或表示为heredoc的简写. 这种方法详细表述了字符串的字面值,并在文本中保留了字符串的下划线和其他空格(包括缩进).例如: <?php $author ='wixy'; echo <<<_END Thisis a Headline Thisis the first line. Thisis the second line. ---Writtenby $author. _END

网站设计分析:浅谈设计中的逻辑

逻辑(理则学),源自古典希腊语λόγος (logos),最初的意思是"词语"或"言语",还引申出意思"思维"或"推理".逻辑经常被认为对论证评价准则的研究,尽管逻辑的精确定义在哲学家之间尚有争议的事情.这个主题还是有所依据的,逻辑学家的任务是相同的:提出大量的有效和谬误的推论,从而允许人们区别出好论证和坏论证. 逻辑,也就是思维的规律.小时候有人问我一群羊加一群羊等于多少群羊,我二话不说是两群羊,他说错了,是一大群羊.1+1

网站导航设计经验分享:清晰的导航能够让页面简单易用

文章描述:网站导航设计经验分享:清晰的导航能够让页面简单易用. 导航是互联网产品中应用最广泛的基础元素之一,引导用户了解到网站的内容结构进而找到所求.作为基础控件,导航看起来简单,但却是产品设计中最复杂繁琐的一部分.因为我们想要让网站结构更清晰.想要向用户传达所有的信息,所以就赋予了导航越来越多的内容,使他们庞大异常,十分纠结.简化了,用户无法了解到页面结构以及自己的处境,产生困惑:复杂了,导航臃肿不堪,层峦叠嶂,既不美观也不好用. 那么,在清晰的信息架构下能不能让导航尽可能的更轻便.更灵动,是