㈠ 對於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;
}