020-29815005
预约专线时间:09:00-23:59

拙劣的图标设计

新闻来源:本站 日期:2021-07-13
如果需要用小符号来表达意思,或者简单地阐明一种含义,图标就很有用。它也是现代界面设计,尤其是在移动终端上。
    在应用程序中,图标通常相当于按钮。在Instagram上,你只能看到图标和文本。

    因此,选择合适的可视化图标就显得尤为重要了。这听起来很简单,是吗?这并不简单。寻找合适图标的过程非常痛苦。

    您需要使用所有人都能理解、简单、通用的图标来表达语义。第二,你还需要使这些图标与整个UI风格相匹配,最后,你需要向开发者提供SVG格式的图标。

    也许你曾经搜索过免费图标,当你找到所有元素对应的漂亮图标时,你会感到兴奋。你们觉得,他们配合得有多完美!他们将被大家理解!可惜的是,你所选择的图标库对整个人的印象往往很混乱。这样的混乱怎么能避免呢?下面是简单的策略:


设计培训


    线宽(链接路径)

    调节大小之后,所有图标的线宽应该相同。不然,用户会明显感觉到不同的线宽所带来的混乱。

    圆形半径(Cornerradius)

    若您的图标包含矩形,请仔细核对图示库中每个图标的圆角半径。要是大小不同,你最好把他们调成一样的。

    线段的末端形状(Linecapshape)(以线型为目标)

    可能是长方形,也可能是圆形。

    (以线形为目标的)线段转角形(Cornersjoinshape)

    可能是长方形,也可能是圆形。

    的确,不太仔细的用户可能不会特别注意线宽或圆角半径的不一致。不过,整个设计给人的印象还是很怪异,使用者可以感觉到。

    换言之,尽管使用免费图标没有什么问题,但还是不要使用太多。采用免费的图标会使产品看上去很便宜,甚至是不专业的。此外,还有许多免费图标,人们很容易立刻认出。怎么了这是因为他们很久以前就发现这些图标了。

    所以我建议严格过滤免费图标,当然如果可以自己设计图标的话会更好。定制图标总是为用户提供更高级的体验。