设计语言 - 选择器

能懂得其中的道理就行了，触点区域这块如果是其他使用场景或其他功能，又或样式1的矩形框整体高度过小，那套用样式1的这种体验就是不好的。凡事没有绝对的， 还是要不断的学习与积累，刷新认知，适应需求。如果大家觉得样式1的圆的视觉重量太重了，也可以增加触点范围来提升用户体验，如下图所示。

1.3拆分要素 - 选择菜单

那到这里上部分"选择框"的知识就已经讲完了，接下来看下部分"选择菜单"。同样的我们需要把它给拆了，拆解后才能清楚它的构成。如下图所示拆解后得知，选择菜单由矩形框、文本/行高、Hover状态、图标和下拉条组成。矩形框跟上面的绘制方法相同就不赘述了，直接讲文本/行高。这里咬文嚼字一下，上面称为"文字"是因为标签里的字无法构成句子，例如"快乐"、"自由"、"创造力"等等。而选择菜单里的内容可以形成句子，例如"我的风男很快乐"、"今晚嘿咻吗"等等，因此就不能称其为文字并改为"文本"了。

回到主题，之前在下拉菜单/导航菜单那章讲过，文本行高是由Hover状态的高度决定的，而Hover状态的高度是由"核心高度"来决定的。核心高度包含：矩形框高度、文本高度、hover高度、表单高度、输入框高度等等。在确立项目之前就要考虑核心高度，可以定义为32px、40px和48px等，每种核心的高度肯定是不同的。当核心高度定义好以后，所有组件中包含的要素都围绕着这个高度来做就行了。任何后台或网页都有自己的核心高度，超出核心高度属于特殊高度。没有考虑到核心高度的页面是很不规范的，所有高度得不到统一，存在微观差异，开发迭代率略差。核心高度这个名词是我自己定义的，最近写篇文章再向大家解释吧。

有了Hover高度和文本行高，那就可以直接算出文本和Hover状态与矩形框之间的距离了。文本与矩形框四周的间距并不是均等的，右面的间距是要给下拉条多留出一个网格单位（4px）的距离。而下面的间距是要保持"视觉差"，这里的间距少留一点也没有影响。

那文字字号跟上面写的一样，高度32px对应字号是12px，高度40px对应字号是13px，高度48px对应字号是14px。这里的高度指的也是核心高度。图标这里根据实际的距离把图标填入进入就可以了，如下图所示。

下拉条也是比较讲究的，它的高度跟整体矩形框的高度差不多就行了，上下之间的间要距留4px。宽度不能设计的过窄，像4px的宽度就有些窄了，会影响到用户体验的，这里我设的是8px。另外下拉条贴不贴矩形框的边上的问题我是这么考虑的，我考虑了向下兼容，显示器显像不好会造成矩形框的边框和下拉条的背景颜色看不清，又或直接消失了，这样用户只能看清下拉条里面的拖动条，就很影响体验。Tob的产品也一定要考虑到向下兼容的问题，设计师用高清显示器做的设计稿，实际上线后显像不好的显示器一片白，这是常有的事情，也要多加注意。

谢谢阅读

感谢支持

文章末尾我们回到开篇引发一种思考 - 萨丕尔·沃尔夫假说（Sapir-Whorf Hypothesis），到底是"思维决定语言"还是"语言决定思维"。西方哲学家黑格尔也曾说：思维形式首先表现和记载在人们的语言里。不管是思维决定语言还是语言决定思维，思维和语言都有着密不可分的联系。

西方语言的书写形式是字母文字，这种文字既不表形，也不表意，而仅仅表音。它完全割断了与形象的直接联系，是一种纯粹的记录语言的符号。这种纯粹记录语音的字母文字频繁的、广泛的刺激人们的大脑，就逐渐的形成了西方人语言思维的特点，使之语言思维特别发达。而汉语书写符号是方块字，它不仅表音，而且还能表形，表意。这种音、形、意互相联系的文字，为形象思维提供了方便的工具，使中国人的形象思维特别发达。西方人表达方式更精确、更直接、更有逻辑，而中国的表达方式则更有情、更有意、更委婉、更煽情，有些浪漫主义色彩。

生活中这种例子也不少，例如你们的女朋友问：我穿这个衣服好不好看，西方人的回答就是"Yes"or"No"，那中国人的回答就"你觉得呢？"，吃饭也是一样，点餐会讲"随便都可以！"。又或者像我讲文章一样，一个道理我可以表达并阐述出大致意思即可，不用讲的过于具体大家也能够理解。

把这个结论影射到设计行业中，设计的视觉传达是视觉语言的传达，视觉语言是一种图像语义化的表现。表现直观性、精确性的视觉语言的代表就是"极简主义"，而表现蕴含情感特征的视觉语言是"和风"、"中国元素"、（棒子就不提了）。这里就说到点了，看站酷大多数中国设计师的作品普遍偏向于"极简主义"（尤其是网页和UI作品占多数）。我们思考问题的方式是发散式的，多维并注重情感表达的，那盲目的推崇"极简主义"这种过于直接、单维的视觉表达形式，是否符合我们中国人的思维模式与视觉表达方式呢？

这个就是我要引发出的新思考，现在设计的评判标准不在于"美与不美"，更多的是"跟流行风格做的像不像"，历史悠久的华夏文明不去研究属于自己的视觉表现形式，真的很悲哀。我觉得中国设计师要以主观唯心主义设计思维为核心，结合中国元素来创造影响中国的设计作品，而不是一味的盲目的追求潮流，看什么火就设计什么，要有对历史的认知，对中国元素美的认知，对社会的认知，和对自我的认知。不断沉淀与总结，试错，作品能经受市场需求的历练，才能复兴中华文明，才能创造出符合我们"中国设计"的特性与品质。

谢谢大家的支持

记得点个赞哦

∨

FEVTE编注：更多平面设计理论学习请访问飞特网平面设计理论知识栏目，地址：https://www.fevte.com/plan/shejililun/