㈠ 对于UI界面中的按钮样式该如何去设计天津UI设计培训
按钮设计是UI设计工作中必不可少的环节,在设计按钮时要遵循以下原则:
1.匹配的品牌
你的按钮配合网页的语境方式,这很重要。这可能意味着符合一个网站的整体风格,从某种形式的品牌指导方针或标志图形的方式等也许有一些突出的形状,你可以你挑选需要的纹理或设计风格。也许一个标志有一个圆形的方面,你可以拿起你这个按钮或其他潜在的形状进行比较选择。如果一个接口主要采用平面色彩。如果你能利用这个机会,通过接口,使用适当的形状,实验效果,着色或其他形式的点缀来延伸品牌
2.匹配关系
用photoshop打开psd格式的UI元素,你很容易实现梯度,阴影,斜面等效果。但是它是否是正确的选择,这不仅要符合网站品牌,而且也是整个界面中的一个按钮,它可能是一个一个需要移动的应用程序。所以你需要在网站上做点不同的东西和你的按钮或行动进行呼应。
3.有足够的对比度
有很多界面设计的灵感来自苹果IOS,特别是现在有很多的用户界面元素的PSD存在,我们可以在用户界面上使用一些小按钮等元素,发挥他们潜在的重要力量。你可以尝试使用不同的颜色,字体大小,空格等以确保你的按钮从中脱颖而出,展现粗界面的视觉重量。
4.考虑圆角或美观的按钮
根据以上描述,如果有UI元素在你设计的区域,考虑使用圆角按钮或者其他形状的稍微变化。这可以产生对比以确保呼应你下面的重要行动,同时也突出这些按钮的价值。
5.强调辅助用户界面元素
如果你想成为一个IOS灵感风格的设计师或者采用网上寻找的psd格式的UI元素,那么你的UI元素将主要以圆角矩形形状为主。
例如,你的选择菜单,分段控制,自定义菜单可能都是相同的圆角形状,但是用更少的阴影,边界,锥,梯度或其他影响可以帮助减少他们的丰富性,这样反过来促进了按钮样式。
6.颜色匹配形成边界
我们可以看到按钮对网站界面可形成某种形式的边界。一般来说,如果你的按钮是较暗的背景,它使用一个黑暗的通用按钮颜色。如果你坚持使用前和使用它在一个黑暗的背景下,你发现再前者背景下它可以使按钮边有点脏,后者背景下可以让你的按钮很流行。我认为这是在处理Web设计边界的一般设计原则。
7.小心模糊的影子
如果一个元素使用比其背景再黑暗的阴影应该更加巧妙。类似的颜色匹配的边界,我非常认为这是一个适用于所有用户界面元素设计的一般原则。
8.小细节可以给你的启示
当用户点击时,一些小细节比如一个箭头可以给一些动作一个小的提示。
例如,一个箭头在按钮上的文本指向右可能给用户某种运动或离开页面的提示。向下箭头可能表明一些内容将逐步披露,或者某种菜单将放开更多的内容。
9.考虑一级,二级和三级样式
如果你正在设计一个接口,它有很多动作和功能上都显示它需要建立一些视觉语言。
考虑保留最强大和最大胆的色彩作为您的主要按钮的颜色。然后使用强度或饱和度逐渐降低的色彩,阴影,考虑减少尺寸,空格,以及点缀的文本尺寸和水平的进一步降低来区分众多按钮的视觉重量。
10.让你的按钮总是处于反馈状态
在设计工作结束后,你需要确保你的按钮设计能迅速在上下文中提供给用户所需的足够的反馈。在现实世界中用户通过按钮的各种状态使用它们,这是用户使用按钮工作的心理模型。阴影,边界和梯度等可以给用户一些简单的反馈。
㈡ 页面上有一个文件上传控件FileUpload1,旁边用一个按钮,点击按钮,如何实现上传功能
首先给这个按钮绑定一个后台Click事件,
protected void Submit_Click(object sender, EventArgs e)
{
UploadFilesToServer(this.fileUpload.FileName,FileEnum.FileEnumType.bookDown,imgFile);
}
/// <summary>
/// 将文件保存到服务器
/// </summary>
/// <param name="filePath">上传控件中的路径</param>
/// <param name="type">上传文件的类型</param>
/// <param name="imgFile"></param>
/// <returns></returns>
public string UploadFilesToServer(string filePath, FileEnum.FileEnumType type, HttpPostedFile imgFile)
{
if (!string.IsNullOrEmpty(filePath))
{
string houzui = new FileInfo(filePath).Extension;
if (houzui.ToLower().Equals("." + FileEnum.FileExtension.zip.ToString()) || houzui.ToLower().Equals("." + FileEnum.FileExtension.rar.ToString()))
{
System.IO.FileStream fs = new FileStream(filePath, FileMode.Open, FileAccess.Read);
byte[] mydata = new byte[fs.Length];
int length = Convert.ToInt32(fs.Length);
fs.Read(mydata, 0, length);
string filename = DateTime.Now.ToString("yyyyMMddHHmmssffff") + houzui;
string savePath = string.Empty;
savePath = ConfigurationManager.AppSettings["uploadFilePath"] + type.ToString() + "/" + filename;
fs = new FileStream(Context.Server.MapPath(savePath), FileMode.Create, FileAccess.Write);
fs.Write(mydata, 0, mydata.Length);
fs.Flush();
fs.Close();
return savePath;
}
return string.Empty;
}
return string.Empty;
}