如何做出优秀的UI界面

如何做出优秀的UI界面

他山跨平台混合应用开发框架(OHUI),是使用Gecko(v1.9~v52)嵌入，实现跨平台混合应用的开发。
支持xp/2000/win7,8,9,10+
x32/x64，Linux，Android 系统，支持xul, html(5), css(3),
js，c/c++混合编程开发界面。OHUI扩展版支持web透明渲染，可以将dom任意节点以任意透明度绘制到窗口上，支持打印及打印预览，支持html,css,js开发右键菜单，并在屏幕任意位置弹出显示。OHUI
v22.0发行包大小13MB（Linux下21MB）.V45 for Android 23MB.

今天简单介绍两个方法，可以供大家参考，也可以找一些UI设计资料，大纲如下：
1.品牌基因法
2.“抄”现实
3.多管齐下
1.品牌基因法

这个就不多说了，写过很多篇了，没看过的可以去看下：
《品牌基因法做图标——实战篇》2.“抄” 现实
所有的图形其实都是对现实物体的提炼与再加工，所以如果我们能够很好的“抄”现实，那必将是一个很棒的设计技能。怎么样“抄”现实呢？举个例子，现在来画一个啤酒的易拉罐。首先我们要去找到一个真实的易拉罐如下图：
UI设计
接下来开始“抄袭”它的造型，大家要善于提炼与概括一些形状，例如看到这个这个易拉罐我们就能知道，它大体是由两个矩形两个梯形组成的：

UI设计
很多人说自己造型能力不行，那我们就多用规则的图形去拼凑，还有现实的物体给你参考，你还有啥不行的，再不行，抽你信不信？有了大体框架，慢慢加一些细节，最后得到下面的线稿：
UI设计
线稿画好之后，就加个颜色呗：

UI设计
为了增加质感，咱再加点高光、投影：
UI设计
这样一个原创的“抄”现实作品不就出来了！我们再来个例子，还是画一个酒瓶，如下图：

UI设计
首先还是先画造型，注意，有曲线的地方如果实在不会用布尔运算，就上钢笔吧，但一定要过度平滑，不然看着就会不精致。得到线稿如下：

UI设计
接着上颜色，加高光、阴影：

UI设计
“抄”现实是设计师必备的技能，非常锻炼我们对事物的概括能力，掌握了这招，你就是最棒的！
怎么练呢？
像我这样，一段时间给自己一个主题，比如“酒瓶”，那我这一段时间就画各类酒瓶，画到自己满意为止！菜宝宝最近在画的主题是各地建筑，如下图：
UI设计

UI设计
最开始不要害怕和别人的风格太像，这都正常，每一个独特的风格都是在大量练习与思考之后才能形成的，前期只要内容不同就ok，不要在乎有别人的影子，所以：去练吧，宝贝儿！3.多管齐下
虽然“抄”现实是一个很好的原创技法，但还是会有很多同学会去直接借鉴别人的作品，为啥呢？来的快啊！如果你非要借鉴别人的作品，也没关系，我忍你，但这里必须要告诉你一个提高原创度的方法，就是多找几个参考，每个参考提取一点可借鉴的地方，比如我们画一杯扎啤，这里找到两个可以借鉴的参考（大家可以找更多）：

UI设计
大体的轮廓可以参考左图，但颜色和细节参考第二个，最后得到自己的原创作品：

UI设计
如果你只盯着一个作品来借鉴，做着做着基本就一样了，然后就没有然后了，所以多找参考，取每个参考的精华之处，最后融合成自己的作品，这也是原创的另一个途径。
总结
方法与思路虽然有很多，但还是推荐第一种和第二种，尽量让设计的灵感、造型、颜色取自现实生活或品牌，这是提高原创度非常可取的方法。与大家共勉，加油！科科。