从零学ui设计怎么学-从零学 UI 设计指南
画板一打开,心里想的一辈子不是“布局”,而是如何把那个方块填上。 别总想着先画线框,要么先拍板哪块是啥。先拿起笔,试试用马克笔在纸上随意涂涂,要么在 CAD 里瞎画几笔,就连直接在屏幕上随意点箭头。
不用管它像不像。我见过有人画了半小时还在想着“那个圆角要圆滑点”,结局最终画出来全是死板方框。就错了,你出的难题就是“你想出来的”。 不妨关掉那些复杂的菜单,直接打开 Illustrator 的画板,把那行“工具栏”里最底下最不起眼的那个“铅笔”图标划掉,要么直接删掉。工具栏里那一堆按钮,别一个按钮一个地上,打开画板,手边放把小刀或马克笔,把界面里那些不必要的功能全体关掉。想象你是在用巨人的锤子去敲钉子,工具是富余的,只会让你把锤子敲歪。 随意画几个形状,比如一个矩形,画一个大一点。
然后试着把那个矩形切开,要么把它拆成几块。
可能会有大量三角形、梯形、小矩形。
这时候,别急着去填颜色,也别急着去贴图。先把它们放在一个大的框里,变成一个整体。
要是你目前去填颜色,学不到啥;要是你去贴图,学不到啥。 这时候,你最关键能学会的是“如何让这几个块连在一起”。别管它们是不是完美的矩形,别管它们是不是扁平的,先把它们拼成一个整体。
要是你拼出来是个乱七八糟的团,那就把你当初画的时候切掉,重新来。
这个“重新来”的过程,就是学习。你会发现,当你拉倒“务必完美”的念头,启动关切“它们能不能连上”,你会发现天崩地裂。
原来这好办的东西,早就把你给绕晕了,原来你的设计思路根本就是个死胡同。 这时候,你脑子里才真正启动想“如何让它好看”。
这时候,你会启动盯着那些块的边缘看。
为啥那个角是圆角?
为啥那个地方留了空白? 别去查资料。别去搜“圆角如何画”。目前,拿你的马克笔画!在纸上画,在屏幕上画。画那个圆角,画那个过渡,画那个缺口。
不要管它准不准。画完一个,立马拿尺子量了量,要么用尺子去对比一下。别去猜角度,用尺子去量,用尺子去验证。你会发现,你画的圆角可能偏了一点,要么少了点。
这时候,别慌,去重新画!去把那个圆角再画一次,画得像一点。画完,再量。画完,再装。 在这个过程中,你会遇到各种费事。你会遇到找不到颜色的时候,会遇到图层管理混乱的时候,会遇到字如何放上去又找不到了。
这时候,别去百度“图层如何调整”。去摸你的图层面板,去点你的图标,去试着把它们拖出来,要么试着把它们叠在一起。去试错,去崩溃,再去重来。
这时候,你才真正懂了啥是“设计流程”。
不是一上来就要看清楚,而是要在一次次试错中,一点点建立对这个认知。 别急着去谈“用户体验”。别去问“这图到底能给多少人用”。
这时候,你只需求关心“这图能不能用”。你能不能操作?你能不能理解?你能不能读?你不需求去寻思用户的心智模型,你只需求去寻思“我能不能成功地把这个信息传达给接收者”。
要是这个信息传达黄了,那不是你设计不专业的难题,是你表达不够准。 这时候,你的大脑会启动运转。你启动想“要是我在页面上放一张图,它应当放在哪?要是我把文字放大,字体该用啥?”,你才启动关切排版。别急着去说“我要加一个动效”。目前,先试试把那个静态的图,从画板里拖出来,放到网页里。拖动它,看看它会不会自动居中?看看它会不会出于旁边有别的元素而跑到一边去?看看它会不会出于光影变化而变形? 这时候,你会发现原来网页不只是图片,那是一张张需求被“饲养”的生动生物。你需求给它们位置,给它们大小,给它们颜色,给它们文字。你在给它们讲话,你在跟它们互动。
这时候,你才真正启动思索“交互”。 别去背那些专业的术语术语,比如“动效”、“响应式”、“栅格系统”、“视觉层级”。
这些词听起来挺高大上,但对你来说,它们就是“按钮”、“字体”、“颜色”的另一种叫法。别人说“动效”,你脑子里就是“点击一下,它翻个身”;别人说“视觉层级”,你脑子里就是“这个字比那个字大,目前这个字比那个字暗”。 目前,试着去构建一个你彻底不懂的页面。找个你喜爱的网站,比如淘宝,要么彭博社的某个新闻页面。
看着它,拿着尺子去量它的格子,拿着马克笔画它的文字。在纸上画出来,然后试着把它搬到你的电脑上。 你会发现,原来那个所谓的“栅格系统”,就是那些看起来挺规整,实际上只是你习惯性的摆放方式。你启动意识到,原来“等宽字体”是为了让文字排列规整。
原来“留白”是为了给视觉留出休息的地方。
原来“排版”并不是单纯的“好看”,而是“信息如何排列才能让人直观地获取”。 这时候,你可能会想拉倒。你会想“我就画这个框框,好不好”。
这时候,想想那个画板里的所有乱七八糟的线条,想想那些被切掉的三角形,想想那些拼出来的碎片。你实际上已经掌握了最核心的东西:你的设计就是“把信息拼凑出来”。 故此,别怕搞砸。别怕画歪。别怕不懂。设计就是一个不断试错,不断修正,不断重新理解的过程。你不需求知道所有的规则,你只需求知道,当你试图去“拼”的时候,世界是如何变得如此复杂的。当你启动想着“如何让这几个块连上”,你就已经在学习了。 最终,当你终于做出了一个让你认定“嘿,这个别看有点乱,但看着凑合”的页面时,你就会明白。
这根本不是技术,这不是技巧,这是几十年来无数人走过的路,是你自己一步步走出来的。
这就是从零启动的意义。你不需求知道终点在哪儿,你只需求知道,你目前的每一步,都是在把那个原本乱七八糟的世界,一点点收拾得像个样子。
声明:演示网站所有内容,若无特殊说明或标注,均来源于网络转载,仅供学习交流使用,禁止商用。若本站侵犯了你的权益,可联系本站删除。
