NEWS动态

你给我们一个空间,我们能做得更好
You give us a lot of space, we can do

客服

成为 GUI 设计师:视觉设计的基础(含推荐书单)

  • 时间:2019-10-31
  • 浏览:

  歉仄因为我近来平素正在表游历,导致这个系列停更了这么久,也不晓畅有没有人正在等待(苦笑)。即日为群多带来系列第 7 片面,这个章节将先容动作一名 GUI 安排师必需掌管的几个视觉安排重心。

  视觉安排也许是大大批 UI 安排师们最为合心的地方。它是最直接面向用户的「显露层」。视觉的优劣或差别,正在很大水平上直接导致了用户对产物的第一印象(网罗品牌印象、产物印象)。视觉安排还将紧张影响到用户的利用体验。是以视觉固然属于安排流程的一幼片面,然而对产物而言却至合首要。

  正在撰写本文时,我原阴谋概述下视觉安排的重心,但写到一半发明基本无法详尽,详尽出来也是貌同实异的湿货。因此我正在这决计按视觉安排的几大预防点,推举几本优越的竹帛,供群多采取性阅读。重心如下:

  正在先容上面 4 个重心之前,我还念简陋先容下 Robin Williams 的《写给群多看的安排书》。这是本特别适合群多学安排的初学书,书中提到了最为根蒂的安排 4 规矩。固然很老,但短长常经典。时时彩中奖走势

  左图短长常酷的随机排序,固然很酷,但咱们却无从知道终于该从哪开端阅读。当咱们需求出现某些讯息的时分,需求像右图那样,讲究将实质结构排序、对齐。左近的元素要互相迫近,不管是视觉上左近照样实质上左近。

  左图三个讯息十足没有对齐,显得特别无序。右图将讯息左对齐,而且将「幼题目」与正文相对迫近,令阅读起来更有次序。

  当咱们生机超越某个讯息的时分,肯定要强化对照。像左图那种弱幼的对照,是很难到达对照的视觉成果的。是以,斗胆利用「对照」,让画面更有主次。

  反复能够简陋表明为「团结感」,但反复特别负责夸大。例如通过反复品牌元素到达团结视觉,加深人印象的用意。

  反复不愿定是某种视觉元素的反复,也能够是文字样式的反复。左图存正在的题目即是两个题目、段落的样式都纷歧律,觉得特别「凌乱」。右图将文字字号、字体等作了团结,看上去就有次序多了。

  「字体」看着是个很幼的话题,实在它本身即是一个能够深刻的琢磨宗旨。简陋举比如字形安排、字体付梓、字库创造、文字史籍、筹划机字体陪衬时间……

  但群多也别怕,看待产物中的视觉安排来说,咱们不需求琢磨得过于深刻。由于咱们更首要的是「用好字」。正在现实利用中,咱们通俗将字体视为安排中的一种元素,也即是说比起说它是「字」,咱们更方向于将其视为「图形」。这点正在海报安排中尤为昭着。

  另一方面,字体的采取与编排也许是做视觉安排最需求掌管的两个手法。我正在这再推举 3 本字体书,生机群多别念着走捷径,或许扎实看完本文推举的书单。

  构图与构造探求的是各样元素酿成的画面感。最常用的例如中央构图、对称构图、三分法构图,另有例如黄金分开、对角线构图、善用留白等等。视觉安排师们运用各样构图手法塑造出或融洽或拥有攻击感的画面。

  第二点网格编造则是科学安排最根蒂的一个措施。运用犬牙交错的网格编造来实行对齐、策画构造、团结表率。大大批安排软件都有辅帮的网格编造和可自界说的参考线,请群多正在做页面的时分务必善用网格和辅帮线。

  颜色利用正在视觉安排中是很首要的一环。个中除了对最根蒂的 RGB、CMYK 知道表,另有对冷暖色的操纵、颜色对照的手法,另有色环、渐变色的利用等等。优越的用色,能够令观者(用户)迅速知道你的产物气派,从而感动目的受多,例如「抖音」利用的 Glitch Art 气派。

  最先品牌即是一个产物或公司的牌子/招牌,它自古就存正在,正在此就不多作表明了。而今世的 branding(品牌塑造)是一套编造的营销和处分措施,咱们讲 CIS(corporate identity system 企业识别编造)。它有帮于将公司或产物与其他角逐敌手划分开来,正在顾客心中留下历久的印象。

  塑造品牌的一个重点绪念即是让「品牌」像水一律贯穿全部公司或产物,自内而别传递给人们。品牌正在你的办事中该当无处不表现。

  一套品牌的 VI(visual identity) 最首要的是包罗标记、品牌色、圭表字体、辅帮图形及利用编造。

  假如你念成为一名特殊的 GUI 安排师,优越的视觉安排材干实在是必需过的一合。上面一齐这些表面书并不是看完就行,更首要的是考察生存中好的视觉作品,然后多思量、多闇练。

友情链接