界面设计为何这么难,不要美工就不能自己设计一个合理的布局吗
界面设计为什么这么难,不要美工就不能自己设计一个合理的布局吗?
用MFC和winform做过几个GUI软件,尽管每次都根据要求做出来了,但总是有以下两种感觉:
1> 自己做的界面真难看,图标、文字尺寸不协调,布局不合理
2> 没有现成软件可供参考
请问大家在做界面的时候,都采用什么思路来设计,有没有什么技巧,让软件看上去不那么丑?
不甚感激。
------解决方案--------------------
想设计一种界面当然不容易,但模仿一个还是非常简单的。
如果要求只是做出顺眼的界面,让配色舒服,让图片和文字精致就足够了。
配色可以参考已有的软件,也可以使用经典配色:白色或淡色的背景配黑色的字,深色的背景配白色的字。鲜艳的颜色只在很小的范围使用。
图片没有功底尽量不要自己画,可以用下载的UI素材,或者直接从其他界面截图。
字体 12号 黑色/白色 宋体永远不会错。11号或更小的字体使用明体。更大的字体使用黑体。尽量不要尝试楷体。
有一个简单的方法,选择一个你喜欢的界面,记住它的配色然后照着做。
例如有道词典:
背景:白色,
字体:黑色,
标题栏:图片-浅蓝色
编辑框:内白外浅蓝
按钮:图片-白、浅蓝渐变
对于纯色可以使用截图软件看RGB的值,直接用代码替换。
对于图片,使用截图软件截图,然后用photoshop去掉上面的字。你不需要会photoshop,只要把图片放到最大,用铅笔一个点一个点的修补就可以了。
------解决方案--------------------
不是漂亮的界面就是你需要的,我设计了一个很炫很复杂的界面,客户表示,太花哨了= =

------解决方案--------------------
大多数软件都会选择用纯色做背景,其实用白色的背景就很好。
控件尺寸可以稍大一些,不要排的太密。
现在都流行扁平化风格
如果希望个性一些,就用明亮的颜色配白色的字。
如果希望正式一些,可以用灰色和浅蓝配白色的字。
------解决方案--------------------
我也在做一套软件,总是感觉界面不美观,我喜欢用深色做背景,但是在做属性页的时候,设置的属性页的背景色会在切换tab的瞬间闪一下,不知道是为什么,高手指点,版主有没有好的例子,给个链接!
------解决方案--------------------
虽然说内容比界面重要
但连个界面都没有好思路的人
很难想象他的代码基于什么样的逻辑基础上的
交互
本来就不是个单纯的图片
用MFC和winform做过几个GUI软件,尽管每次都根据要求做出来了,但总是有以下两种感觉:
1> 自己做的界面真难看,图标、文字尺寸不协调,布局不合理
2> 没有现成软件可供参考
请问大家在做界面的时候,都采用什么思路来设计,有没有什么技巧,让软件看上去不那么丑?
不甚感激。
------解决方案--------------------
想设计一种界面当然不容易,但模仿一个还是非常简单的。
如果要求只是做出顺眼的界面,让配色舒服,让图片和文字精致就足够了。
配色可以参考已有的软件,也可以使用经典配色:白色或淡色的背景配黑色的字,深色的背景配白色的字。鲜艳的颜色只在很小的范围使用。
图片没有功底尽量不要自己画,可以用下载的UI素材,或者直接从其他界面截图。
字体 12号 黑色/白色 宋体永远不会错。11号或更小的字体使用明体。更大的字体使用黑体。尽量不要尝试楷体。
有一个简单的方法,选择一个你喜欢的界面,记住它的配色然后照着做。
例如有道词典:
背景:白色,
字体:黑色,
标题栏:图片-浅蓝色
编辑框:内白外浅蓝
按钮:图片-白、浅蓝渐变
对于纯色可以使用截图软件看RGB的值,直接用代码替换。
对于图片,使用截图软件截图,然后用photoshop去掉上面的字。你不需要会photoshop,只要把图片放到最大,用铅笔一个点一个点的修补就可以了。
------解决方案--------------------
不是漂亮的界面就是你需要的,我设计了一个很炫很复杂的界面,客户表示,太花哨了= =
------解决方案--------------------
大多数软件都会选择用纯色做背景,其实用白色的背景就很好。
控件尺寸可以稍大一些,不要排的太密。
现在都流行扁平化风格
如果希望个性一些,就用明亮的颜色配白色的字。
如果希望正式一些,可以用灰色和浅蓝配白色的字。
------解决方案--------------------
我也在做一套软件,总是感觉界面不美观,我喜欢用深色做背景,但是在做属性页的时候,设置的属性页的背景色会在切换tab的瞬间闪一下,不知道是为什么,高手指点,版主有没有好的例子,给个链接!
------解决方案--------------------
虽然说内容比界面重要
但连个界面都没有好思路的人
很难想象他的代码基于什么样的逻辑基础上的
交互
本来就不是个单纯的图片