教你十分钟学会制作UI界面

1准备素材

一张背景图和四张人物图像、线性图标、准备字体、界面色值。

2字体

在UI设计中，避免使用有衬线，iOS中英文使用Helvetica,中文使用冬青等一些无线衬字体，尽量使用一些与iOS自有字体相似的字体做设计。

3选色

基本选择两个颜色，主色、辅色。而高光、阴影基于主色，高光向左上角去选择合适的色值，阴影像右下角选择暗一些的色值。主色选择时很重要的，每一个主体都有一个合适的颜色。

4画界面

准备好要用的色值、字体、素材后，我们就来开始做页面。界面画布尺寸设定：7501334px，状态栏高度设定：40px，导航栏高度设定：88px，导航栏两侧按钮大小设为3636px。相对于新手来说是难点，归类起来为两类：一个是蒙板，一个是图层样式的渐变。

画一个320320px的正圆，关闭31的填充，打开描边，设置描边为6px，选择32的渐变描边，设置角度为90度，根据自己的需要在35中设置色块，就得到25的效果。

5处理

将素材拖入后转化为智能对象，调整色彩饱和度和明度以及图层样式，叠加的颜色用的是基于主色又相对较暗的颜色。

6视觉包装

做完界面后，还有最重要的一步：视觉包装。给自己做的页面做个简单的包装，美化一下自己的界面吧!

以上就是关于制作UI界面的相关分享，希望对大家有所帮助，想要了解更多内容，欢迎及时关注本平台!

为什么要输入它“http://localhost:8080/WebTest/”？

你应该先输入http://localhost:8080，试试tomcat本身是不是好用，之后再输入

http://localhost:8080/WebTest/indexjsp看看有什么问题。

设计登录窗口的思想是这样的：一、在加载主窗口时候（即Load事件中）加载登录窗口二、在登录窗口中点击“登录”按钮时候发生下面的事情1声明变量userName并获取用户名文本框输入的内容，声明变量pwd并获取密码文本框输入的内容。2判断userName是否为空，如果为空，则提示输入并结束事件，判断pwd是否为空，如果为空，则提示输入并结束事件3用ADONET操作数据库，查找是否有对应输入的用户名和密码，如果有，将关闭登录窗口，如果没有，则提示用户名和密码错误。设MSSQL数据库中有数据库test1，里面有表users，表中有字段username和pwd。主窗口中的Load事件中的代码为：Login fm = new Login();//创建登录窗口if (fmShowDialog() == DialogResultOK)//判断登录是否成功登录窗口中“登录”按钮的代码为：//要先引用using SystemDataSqlClient;string userName = textBox1Text;string pwd = textBox2Text;if (userName == stringEmpty )//判断用户名的文本框是否有输入内容{MessageBoxShow("请输入用户名！");//提示输入用户名return;//跳出事件，不执行下面的代码}else if (pwd == stringEmpty){MessageBoxShow("请输入密码！");return;}//下面是ADONET对数据库进行操作，查找是否有用户名和密码相符的记录，如果有，设置tag为1，表示登录成功SqlConnection conn = new SqlConnection("Data Source=\\sqlexpress;Initial Catalog=test1;Integrated Security=True");connOpen();string sql = stringFormat("select count() from users where username='{0}' and pwd='{1}'",userName,pwd);SqlCommand comm = new SqlCommand(sql,conn);int tag = 0;if ((int)commExecuteScalar() 0)tag = 1;connClose();if (tag == 1)//判断是否登录成功{thisDialogResult = DialogResultOK;thisClose();}else{MessageBoxShow("密码错误！");}以上就是主要的代码和内容了。说一下你的数据库中的表名使用有问题，不能用user作为表名，因为这是个关键字，用的话会出错的。建议你用users或其他的。这里有参考源代码，外链是以上信息希望对你有帮助。^^

可以的，不过 C，我只用过 TC20，很多年前写过代码，是针对 Dos 的。所以只能说明下思路：

1、绘制界面（以前 DOS 下都是用几个 ASCII 码的线条来画框的），在框内设置命令名称。

2、设置命令选项

3、用 Getkey() 函数之类来做判断，同时读取当前光标位置，并设置对应命令，比如上下箭头的操作、回车的操作等等。

具体的代码很抱歉没法提供了，也许网络上还有的。我以前写的C程序都在35寸的软盘里面，现在的机器，连软驱都没了。

//进入界面,点击设置界面,在界面上加上一个输入框控件在主程序中加上这一句就行了

喊话时间=cint(Form1InputBox1Text)//记住只能输入数字,无法转换为整形

#include<iostream>

#include<Windowsh>

using namespace std;

int main()

{

        // 没有提供删除按钮,可以用取消按钮代替，除非自定义对话框，而不是采用WINDOWS API

int msgboxID = ::MessageBoxEx(NULL, (LPCWSTR)L"内存不足", (LPCWSTR)L"提示", MB_YESNOCANCEL | MB_ICONINFORMATION, LANG_ENGLISH);

switch (msgboxID)

{

case IDCANCEL:

cout << "cancel"<<endl;

break;

case IDTRYAGAIN:

cout << "try again" << endl;

break;

case IDCONTINUE:

cout << "continue" << endl;

break;

case IDOK:

cout << "ok" << endl;

break;

case IDYES:

cout << "yes" << endl;

break;

case IDNO:

cout << "no" << endl;

break;

}

system("PAUSE");

return 0;

}

2个frame控件，label4是控件数组，8个commandbutton控件，两个shape控件，文字可以使用标签（label），输入文字用textbox控件，刷新和退出用commandbutton

ui设计需要的基础就是一些简单的美术基础和平面设计基础，要求也不算高，你这个情况应该没问题，编程不太需要。一般流程是这样的，大致5个阶段，PS，Illustrator，DW，InDesign都会用到。

第一阶段UI用户设计基础（UI行业发展及UI设计师职业规划，美术基础，平面设计基础，图形与创意设计，网页设计基础，交互式网站），软件：Photoshop、Illustrator

第二阶段移动界面设计（图标创意思路与方法，图标的创作设计，主题图标设计，Ios系统Android系统Windowsphone系统，UI设计实训课程）

第三阶段交互类（UCD，交互设计高级技术）

第四阶段流程设计（界面开发对接，流程管理，移动媒体综合开发实训）

第五阶段综合项目实训及就业阶段（根据所学内容，选择一种移动平台（IOS/Android/Winphone），软件界面，WUI类型设计，完成初稿设计。依据项目初期确定的需求进行验收，并签署验收报告）