站在外行人的角度谈 如何做“不难看”的界面
1.字体对齐,尽量不要全部用居中对齐。
2.字体排印
行宽,设置max-width 长度,行宽太长,用户在换行转移视线太长,容易造成疲劳。
行距,设置line-height 行高,拉大行距,不让两行之间拥挤在一起。
字间距,设置 letter-spacing 字间距,调整字体与字体空间,
标点符合的正确使用,全角/半角,中文/英文的切换,
对字体空白处的设计要合理,空白设置好,才能让眼睛更好地呼吸。
3.颜色搭配
三原色、互补色、色环、光谱。
不要再用十六进制或者 RGB 来考虑色彩了,我们要用 HSB 模式: H(hues)表示色相,
S(saturation)表示饱和度,B(brightness)表示亮度。
4.装饰元素
常用纹理和阴影(http://www.noisetexturegenerator.com/)。
text-shadow 和 box-shadow 设置文字阴影特效,box-shadow 设置立体特效,但需
要考虑假象光源,即,光从哪个方向过来的,保持整体一致。
5.推荐书籍
1.《写给大家看的设计书》这本书简单易懂,介绍的也都是可以遵循的规则,很适合业余爱好者阅读,非常推荐。
2. Type is Beautiful 很好的字体博客,里面的基础文章非常值得一看。
3. Thinking with type 关于字体设计的好书,可以在线阅读。
4. 《色彩设计的原理》最近出的书,浅显易懂。
5. 《版面设计的原理》和 《色彩设计的原理》 是同一个系列,能学到很多关于布局的知识。
6. Designing for the web 包含了字体排印、配色和版式设计等多方面内容,值得一看。可以在线阅读。
7. Twitter & Twitter Bootstrap. 如果你可以把 Twitter 整个网站自己写一遍,一定会受益匪浅。
相关推荐
课设任务 这次课程设计选择的题目为设计一个图形界面(GUI)的计算器应用程序,完成简单 的算术运算。 这次课程设计的基本要求为设计的计算器应用程序可以完成加法、减法、乘法、除 法和取余运算,且有小数点、正负...
这种交互图的特点是简单明了,能够表示出各种控件的基本属性(如文本、位置和选中状态等),但它只是一个静态的图片,不能真实表现出每个控件的响应动作,如仅看这张图,是不清楚点击代理服务器设置分组框上的...
3.1 需求描述 3.2系统架构设计 3.3 系统的总体功能设计 3.3.1总体功能设计 3.3.2注册模块设计 3.3.3 登录模块设计 3.3.4用户间交互模块设计 3.4数据库设计 3.4.1数据库物理模型 3.4.2数据字典 4系统实现 ...
如果一个软件系统比较简单,层次很少,本文件可以不单独编写,和概要设计说明书 中不重复部分合并编写。 方案重点是模块的执行流程和数据库系统详细设计的描述。 2 背景 应包含以下几个方面的内容: A. 待开发软件...
二、 实验描述: 通过delphi编程实现局域网内的一个聊天系统,支持客户与服务器、客户与客户之间的消息传递,服务器允许多个客户端的聊天的功能,聊天记录的保存和查看的功能等。 三、 实验硬件、软件平台: 1. ...
如果一个软件系统比较简单,层次很少,本文件可以不单独编写,和 概要设计说明书中不重复部分合并编写。 方案重点是模块的执行流程和数据库系统详细设计的描述。 背景 应包含以下几个方面的内容: A. 待开发软件系统...
(1) 系统界面需要简洁明了,能够快速清晰描述整个系统所具备的功能; (2)系统操作界面要求简单,各年龄段的用户都能够正常使用; (3)后台数据的要求是简洁明了,账户登陆能够显示个人基本信息。 本系统是...
总体设计(处理流程(可用流程图描述)、总体结构、功能分配) 数据结构设计(逻辑结构设计、物理结构设计、数据结构与程序的关系) 出错处理设计(出错输出信息、出错处理对策) (对问题描述中涉及的操作...
如果一个软件系统比较简单,层次很少,本文件可以不单独编写,和概要设计说明 书中不重复部分合并编写。 方案重点是模块的执行流程和数据库系统详细设计的描述。 2 背景 应包含以下几个方面的内容: A. 待开发软件...
4 系统详细设计 4.1 界面设计 本程序界面图形设计要能清楚显示扫描后的结果,并且能很好的体现出界面的整洁大 方,但并不失去吸引人眼球的画面,所以在做界面的时候考虑了界面的色彩,并且添加了 皮肤,界面上面的...
C语言课程设计报告简单计算器程序 本文档是关于C语言课程设计报告简单计算器程序的设计报告,以下是从文件中提取的相关知识点: 需求分析 * 设计要求:本设计要求实现一个简单的计算器程序,能够进行基本的四则...
如果一个软件系统比较简单,层次很少,本文件可以不单独编写,和概要设计说明书 中不重复部分合并编写。 方案重点是模块的执行流程和数据库系统详细设计的描述. 2 背景 应包含以下几个方面的内容: A. 待开发软件...
关于实训报告,里面包含1,简单需求分析 2,系统总体框架图 3,每个功能模块设计分析和算法描述 4,简单解释C++知识点 5,系统测试情况,包含运行效果截图 当然,水是很水的,天下文章一大抄,抄到了,学会了,...
"简单银行存取款系统java课设" 以下是从给定的文件中生成的知识点: Java 课程设计 Java 课程设计是指使用 Java 语言进行的课程设计项目,旨在帮助学生学习和掌握 Java 编程语言的基本概念和技术。课程设计是一...
界面要 求美观和简单。通过对应的菜单进入相应的界面,对数据进行相应的操作,在录入时首 先要求用户输入相应的数据,最后点击保存,对数据进行保存,并提示用户保存是否保 存成功,保存成功后刷新相应的界面。进入...
总结报告包括需求分析、总体设计、详细设计、编码(详细写出编程步骤)、测试的步骤和内容、课程设计总结、参考资料等,不符合以上要求者,则本次设计以不及格记。 八、参考资料 《C++语言程序设计教程》 网上相关...
开发与设计的总体思想 作为物流企事业单位使用的物流管理系统,功能实用、界面简单、操作简便是设 计方面的重要考虑。 系统模块的结构图 依据需求分析结果,物流管理系统的主要模块包括:货物信息管理、系统管理员 ...
如果一个软件系统比较简单,层次很少,本文件可以不单独编写,和概要设计说明书中不重复部分合并编写。 方案重点是模块的执行流程和数据库系统详细设计的描述。 1.2 背景 应包含以下几个方面的内容: A. 待开发软件...
如果一个软件系统比较简单,层次很少,本文件可以不单独编写,和概要设计说明书中不重复部分合并编写。 方案重点是模块的执行流程和数据库系统详细设计的描述。 1.2 背景 应包含以下几个方面的内容: A. 待开发软件...
总结报告包括需求分析、总体设计、详细设计、编码(详细写出编程步骤)、测试的步骤和内容、课程设计总结、参考资料等,不符合以上要求者,则本次设计以不及格记。 八、参考资料 《C语言程序设计教程》 网上相关...