|
UI,全称为User Interface，即用户界面，其最终目的是让用户获得网页体验，但在设计与脑洞齐飞，潮流共趋势一色的背景下，吸引用户驻足并停留俨然成为检验UI设计的试炼石，然而新新崛起的设计趋势，加上用户的品位日新月异，难免导致匆忙交稿赶项目时出现一些无法兼顾的误区...... 在此小编整理了一些UI设计技巧，让我们一起来探讨那些已知或是未知的边边角角，使我们的UI设计更完美！ 1.网页可用性 近些年来的UI设计趋势，慢慢使我们错认为美观是凌驾于功能之上的，认知里忽略了美观之前还有可用性， 其实，不止是美观，可用性还应该是排列在易用性之前的，当你兴高采烈的点开一个网址，想要搜寻一些信息时，发现网页迟迟加载不出来；点进去图片加载超过20秒.....；随便一个按钮点击让你等到差点气绝身亡......
这些都是一些常见却比较基础的小问题，但如何在网页的设计中使得可用性变高，还需要设计师在确保基本功能后，再反复确认它们在导航、搜索框、页脚中的适用情况，提高用户对网页的信任度~ 2.页面排版
目前互联网最新的排版设计分为极简主义和扁平化设计, 它们都崇尚简约风并且都侧重于呈现内容。至此，在内容的排版上，首先应该注重空间设计，这里离不开段间距和行间距，此时的设计师，如同战场上的将军，负责总揽全局，排兵布阵并适时进行随机应变，也许布局过于紧密，让用户尴尬到迸发密集恐惧症；也许元素间隔过大使得布局空洞；也许比例不统一，会让整体看起来怪怪的；也许会遭遇各种其他问题，但这无疑考验了设计师运筹帷幄的能力。 因此，排版的美观虽然决定了网页的受欢迎程度，但排版的终极奥义是要使我们的内容易于阅读。譬如大段文字，设计师通过字体、分段、行高以及文字大小这些操作，可以让用户瞬间风清月明豁然开朗~ 一个重要的小技巧便是，文本排版有两种处理方式：文本过大，行间距应控制在文字高度的120%到150%；另外较小的文本，则可参考移动端，以适合用户的最佳体验感为参考指标。 另外，留白的运用也是UI设计的一大要素，在留白对比的映衬下，文字和按钮的存在感会提升。有时在移动端，用户可以随意滚动页面十分方便，但为了吸引用户的眼球而将字体变小，反而会适得其反，让阅读负担加重，倒还不如适当留白，给与用户视觉“喘息”的空间。 3.主次搭配 一个网页设计呈现的不仅仅是UI设计的智慧结晶，也同样表达了TA对产品的理解。凡是涉及了传达信息的东西，都无一例外会融入传播者的个人想法。这种思维也正好体现在网页设计中。 我们都了解网页内容会遵循2/8原则，但在实际的操作中，很多元素掺杂进来，往往就不易把握住，这时就该静下心来，喝一杯咖啡神马的，开始头脑风暴，于清风明月夜深人静时沉思最开始想表达的主次内容，个人想法~有时也可以像了解好友一般，站在用户的角度，体验user从打开网页，目光所及之处，手指所点之处来放置最重要的内容。
当位置确定之后，一个有效的层次搭配基本上就棱角分明了，将导航栏、标题栏、按钮、文字、搜索框以及网页中所穿插的图片这些承载了明确信息的指标元素进行合理安排，确保引导用户行为，在交互的层面上，进行加工修饰，最终一款层次分明，单纯而不做作的艺术科技品将油然而生。 4.文案渲染 普通文案，便是以精悍短小而口口相传，如果将其放在网页中，那么此时的文案，更是在简练的基础上扛起了引导用户的flag，它让在用户目光所及之处便能最短时间内掌握有效信息。
然而，你我都不是中文十级的天才，无法将大段的文案精简化。这时，不要害羞，好好跟相关人员沟通交流，挑选出最重要的文案内容。千万不能忽略这个小细节！不止是用户，任何人的注意力集中的时间有限，如果连这有限的时间里都不能留住用户的视线，那么这个网页基本是废了的~哪怕你花式做特效插画等超级无敌渲染映像，都会让人觉得内容空洞无实际效用~ 总之，吸引用户兴趣、推动交互效用并且永不停息的动力，清晰短小精悍简练的文案是必不可少的。 5.元素尺寸 按照习惯，我们一直认为，所有的元素、图片乃至文本大小、颜色都一样会让网页看起来很有一致性，但真的是这样吗？ 当然不是，低调性冷淡风，不是苹果就千万不要轻易尝试，我们普通用户的视觉冲击里，还是低调复杂轻奢风更能吸引眼球，譬如基于用户不同的需求，当位置的按钮尺寸不一样（这还不麻烦嘛），加上设计几个相对固定的尺寸比例，可以更好的控制用户整个视觉和体验。 另外，从运营的角度来看，对用户的注意点进行引导，还可以通过对内容进行强弱处理。比如有些网页故意把分享的按钮设计得比其他按钮大一点，放在比较醒目的位置，以便于用户主动去分享，传播那些商家想要分享的内容~ 注重界面元素的字体、大小、颜色等等，往往还能起到以下功效： 1.有效减少阅读的压力感 2.帮助用户迅速捕捉到对其重要的信息 3.对用户行为进行引导，达到商家的目的 4.让界面在视觉上更加简约，提高阅读舒适感 6.修饰过重 当我们评价一个电影时，往往会从剧情、演员、后期制作等方面去全方位评估，一个修饰痕迹过重的网页，就像一部特效一块钱的剧情片，喧宾夺主，观众还没来得及被催人泪下的剧情打动时，突然嘎嘣一声特效来袭，视觉的震撼超过了心灵的拷问，再无暇顾及其他，失去了原本温情人性意义思考的初衷~ 同样，一个网页的设计，如果糅杂N多修饰，插画、特效、色彩以及多种主流设计趋势，明晃晃光闪闪，势要打造一场视觉的盛宴，结果一不小心用力过猛就成了车祸现场，辣了用户的眼，“帅”不过3秒，错失真正想要传达信息的机会~ 所以，当你筹谋已久想要大展身手，甚至采用了当下最时髦的设计趋势，辅以special的设计元素、切记一切从简，保持主次分明。很多时候，一个设计趋势，比三个趋势叠起来更加受用。 7.体验反馈 这是一个极其常见细微但无人能保证万无一失的细节处理，不管UI设计做到如何惊天地泣鬼神的样式粗来，最终还是要落实到用户体验，这个时候，UI设计师自己应是第一批用户，甚至是最挑剔的那一批，将所有搜索方式、按钮点击、网页加载等待时长、以及个人视觉体验、寻找信息便利途径等一一进行实践，这也是最后重要的一步~
细节之处最凸显能力，UI设计也不外乎每一步的及时反馈~ 最后，由俭入奢易，由奢入俭难，其体现的也是一个设计师的认知态度，不是小编吹，宝原科技的网站设计成功的避开了以上所有误区，千万不要拉着小编求请教，因为我们的UI设计真的会让你想推翻之前的网站重新来过的~不过呢，像这类尔尔的误区盲区，心情好的时候小编还是会乐意与尔等分享一番，那就看你关注的程度罗，好文不等人，小编是一定不会介意你将我们的公众号置顶的哟~
| 
发表于 2018-8-20 17:55:08