PS绘制键盘:PS绘制冷灰色机械键盘(3)

UI / UI设计教程 / PS教程 /      

uimaker
UI设计师 / 江苏 南京

来源:网络   作者:Conductor.C

关键词


03 键槽部分

键槽部分结合键帽部分共同进行尺寸调整

键槽部分的把控既麻烦又简单。简单指键槽的表现和放置;麻烦指键槽的尺寸大小的把握和键帽和键槽如何进行较为和谐的结合,这两者并不矛盾。

9键布局部分笔者选取了大键槽结合字母键的结合方式,一方面可以潜意识地将使用者的视线集中在字母键上,减少其他键位在打字时的干扰;同理,右部的功能键区采用长键槽;而左部的标点符号区因为键帽与键帽之间间距较大,所以没有采用相同的策略,而是单独为每一个标点符号设置键槽,而若采用长键槽,可能会因为间距部分的键槽而使得空间组织显得过于疏松。

26键布局中的主体键盘部分也因为间距较大的原因,没有使用大键槽,其余部分就较为简单了,一个个安排下来即可。


绘制键盘:PS绘制冷灰色主题的机械键盘,PS教程,思缘教程网

键槽只需要一个制造深度的图层样式即可。

04 前景字符部分

在比赛规则框架下尽量匹配实体键盘字符风格。

实体键盘中字体的选用是偏几何风格的,故而在皮肤的字体选用中也应尽可能匹配原字体风格(比赛要求限制,此处选用汉仪旗黑而非实体键盘的字体或类似字体),部分符号作了微小的改动以匹配风格,比如将一些圆润的转折部分去掉了。


绘制键盘:PS绘制冷灰色主题的机械键盘,PS教程,思缘教程网

05 其他部分

长按气泡及按下效果清晰明确,不会造成误解即可。


绘制键盘:PS绘制冷灰色主题的机械键盘,PS教程,思缘教程网

按下效果制作很简单,调整顶部形状位置,略微调整图层样式的参数即可效果展示

最终效果—

第一版后第一次大改的版本(第一版找不到了..)


绘制键盘:PS绘制冷灰色主题的机械键盘,PS教程,思缘教程网

最终版9键


绘制键盘:PS绘制冷灰色主题的机械键盘,PS教程,思缘教程网

最终版26键


绘制键盘:PS绘制冷灰色主题的机械键盘,PS教程,思缘教程网

 收藏