• (转)做项目时,如何做比较美观大方的数据输入窗体


    从毕业开始到现在,这几年做的项目,大部分时间是在做数据输入窗体,做过一年的报表,完全不和UI打交道。那时候以为做UI很容易。做UI确实是很容易,控件拖拉一下,但是要做的专业一点,还是要花点功夫,看起来很容易的事情,不太容易做好。

    先看一个经典的ASP后台程序
    image

    做过ASP程序的朋友,相信看到这个界面,会感到特别亲切。

    下面是我刚毕业时做的,比较多的是网站后台,看一下这个界面
    image

    这是一个添加网站信息分类的界面,主要内容原来是CuteEditor控件,被我替换成文本控件。
    当时以为用上了最牛的控件(CuteEditor),就是很厉害的很专业的程序。

    再看下后来做的一个项目,使用蓝色风格的数据输入窗体
    image

    当熟练了Html的属性后,很喜欢居中显示,用一些html的特殊效果,比如背景图,边框。

    再看这个数据输入窗体,没有太多的背景和修饰,直接用原始的Html控件表格,边框为1
    image

    当我采用这种风格的界面,真正体会到用写字板写html,完全抛弃了设计器设计html界面,界面全部是手写,而且队齐,布局,风格都完全一样,这种风格延续了相当长一段时间。

    再来看一下这个风格的界面
    image

    把最重要的内容放到输入表格的最上面,依次排列。表格上方是标题,背景极;字体比较小,但是都加黑体,方便识别;

    还有通过Tab来改善效果的,经典的界面样子是用户管理
    image 还有通过MultiView也可以来改善显示效果

    再看看163邮箱的的写信的输入界面
    image 主体采用浅色背景,可选项(收件人)用黄色背景),要求输入的项(主题和内容),用白色背景;
    这个配色和主页面的背景配合的也很不错。

    也许你的css功力比较深,可以做出很漂亮美观的界面,像163邮箱那样;也许只能做出像我一样的,简单的界面,你的界面设计功力如果比我强,也可以写篇文章,把你的界面展示一下,让大家来共同学习。
    这几年做的程序,一部分是要求自己搞定界面,没有配备美工;做公司内部系统,也一般都不配美工。

    这里有一篇文章是分析登陆界面的,也可作为界面设计的参考

  • 相关阅读:
    Servlet笔记2--模拟Servlet本质、第一个Servlet程序、将响应结果输出到浏览器中
    Servlet笔记1--概述
    Spring笔记13--SSH--全注解开发
    Spring4笔记12--SSH整合3--Spring与Struts2整合
    Spring4笔记11--SSH整合2--SpringWeb
    Spring4笔记10--SSH整合1--Spring与Hibernate整合
    局部变量表
    阿里云centos7使用yum安装mysql的正确姿势
    shell parameter
    maven 坐标
  • 原文地址:https://www.cnblogs.com/fcsh820/p/1674053.html
Copyright © 2020-2023  润新知