优艾设计网

Photoshop鼠绘质感冷灰色主题风格的机械键盘,输入法皮肤键盘。

优艾设计网 https://www.uibq.com 2020-09-13 00:00 出处:网络 作者:Conductor.C
Photoshop鼠绘质感冷灰色主题风格的机械键盘,输入法皮肤键盘。效果图: 教程步骤—

最后做出整体键帽在键盘或键槽上的阴影(如果切图要求能满足的话)

至此,一个键帽就完工了,其余部分大体不过形状位置或大小或图层样式参数的调整,此处就不赘述了

03 键槽部分

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

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

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

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

Photoshop鼠绘质感冷灰色主题风格的机械键盘,输入法皮肤键盘。

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

04 前景字符部分

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

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

Photoshop鼠绘质感冷灰色主题风格的机械键盘,输入法皮肤键盘。

05 其他部分

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

Photoshop鼠绘质感冷灰色主题风格的机械键盘,输入法皮肤键盘。


提示:键盘也能翻页,试试"← →"键
0

精彩评论

暂无评论...
验证码 换一张
取 消