❶ 學完UI設計之後都能做什麼工作
交互設計應用這些行業:
1、搜索引擎:
搜索引擎應該是互聯網上交互最簡單的產品:只有一個搜索框,用戶輸入關鍵詞,點擊確定即可返回結果。但它還是不夠簡單,因為相對於用戶自然想問的問題,輸入關鍵詞能得出更准確的結果。但輸入關鍵詞並不是最好的交互模式。還有,對於相當一部分不會鍵盤輸入的人來說,簡單如搜索引擎還是不夠方便。最後,用戶想要的結果,並不一定能夠得到,必須從一堆結果頁裡面去再次查找,目前還做不到給出一個唯一想要的答案。
很多人選擇學習設計其實都是三分鍾熱度,最好在學習之前先來做一個小測試
→點擊測試我適不適合學設計
2、社交:
微信微信是中國用戶粘度最高使用時長最長的互聯網產品。即便如此,當用戶要完成幾個操作,比如點對點溝通、群的溝通、發朋友圈、看朋友圈,還是有一定的用戶成本。用戶需要注冊、需要添加好友、需要點擊發布內容、或者發布語音等。發朋友圈還得進入發現,之後發布還得點擊照相的圖標,點擊圖標還得選擇拍攝還是從手機相冊選擇
❷ ui設計師作品集怎麼做
作品集需要如何准備?作品集中應該包含哪些內容?
簡歷可以讓用人單位了解你的大致信息、工作經歷、項目經歷等,但是作品集可以反映UI設計師的設計水平以及能力。一個完整的作品集也和簡歷一樣,應該有些基本內容,比如開頭的介紹、結束語、至於中間最豐富的作品,它的展示也有順序。你可以依據自己不同作品的質量、應聘崗位的業務方向,去調整作品集展示的順序和展示比例。
一、作品集基礎內容
一個完整的作品集應該包含開始的自我介紹、作品展示、結尾的感謝。
1、開頭頁
一個作品集的開頭就已經開始展示一個UI設計師的能力了,整個作品集的開始部分界面風格盡量統一。有些設計師會用簡單的圖片作為作品集的第一頁,如下圖所示。
圖片來源:阿多比學院學生作品網頁
三、其他注意事項
1、作品集最好打包成PDF,頁數控制到50~100頁。
2、投遞簡歷一定要附上作品集,最好可以有個作品集鏈接,方面查看,作品集的壓縮包名字一定要有姓名。
3、如果作品集已經是上線項目,可以給面試官直接展示。
4、作品集中可以展示自己學習的作品,比如手繪、臨摹,這樣可以側面反映自己的學習能力和持續提升的態度,但是注意作品一定要優秀。
5、如果實際項目不多,也可以選取一個自己想要優化的產品,去深入優化產品界面形成自己的作品集。
❸ 求網路相冊的源代碼
http://www.downcode.com/sort/j_5_8_28163004.shtml
http://www.downcodes.com/infoview/Article_934.html
http://www.fwvv.net/
都看看
<%@ Page language="c#" Codebehind="GetThumbnail.aspx.cs" AutoEventWireup="false" Inherits="TipsTricks.Ch4.ShowSmallImage" %>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN" >
<HTML>
<HEAD>
<title>ShowSmallImage</title>
<meta name="GENERATOR" Content="Microsoft Visual Studio 7.0">
<meta name="CODE_LANGUAGE" Content="C#">
<meta name="vs_defaultClientScript" content="JavaScript">
<meta name="vs_targetSchema" content="http://schemas.microsoft.com/intellisense/ie5">
</HEAD>
<body MS_POSITIONING="FlowLayout">
<form id="ShowSmallImage" method="post" runat="server">
<FONT face="黑體"></FONT>
</form>
</body>
</HTML>
using System;
using System.Collections;
using System.ComponentModel;
using System.Data;
using System.Data.SqlClient;
using System.Drawing;
using System.Drawing.Imaging;
using System.Web;
using System.Web.SessionState;
using System.Web.UI;
using System.Web.UI.WebControls;
using System.Web.UI.HtmlControls;
using System.IO;
namespace TipsTricks.Ch4
{
/// <summary>
/// Summary description for ShowSmallImage.
/// </summary>
public class ShowSmallImage : System.Web.UI.Page
{
const int MaxLength=150; //最大長度�
private void Page_Load(object sender, System.EventArgs e)
{
if (Request.QueryString["filename"] != null)
{
//取得原圖
string filename=Request.QueryString["filename"];
Bitmap bmpOld= new Bitmap(Server.MapPath("images/" + filename));
//計算縮小比例
double d1;
if (bmpOld.Height>bmpOld.Width)
d1=(double)(MaxLength/(double)bmpOld.Width);
else
d1=(double)(MaxLength/(double)bmpOld.Height);
//產生縮圖
Bitmap bmpThumb= new Bitmap(bmpOld,(int)(bmpOld.Width*d1),(int)(bmpOld.Height*d1));
// 清除緩沖
Response.Clear();
//生成圖片
bmpThumb.Save(Response.OutputStream, ImageFormat.Jpeg);
Response.End();
//釋放資源
bmpThumb.Dispose();
bmpOld.Dispose();
}
}
#region Web Form Designer generated code
override protected void OnInit(EventArgs e)
{
//
// CODEGEN: This call is required by the ASP.NET Web Form Designer.
//
InitializeComponent();
base.OnInit(e);
}
/// <summary>
/// Required method for Designer support - do not modify
/// the contents of this method with the code editor.
/// </summary>
private void InitializeComponent()
{
this.Load += new System.EventHandler(this.Page_Load);
}
#endregion
}
}
<%@ Page language="c#" Codebehind="ListImage.aspx.cs" AutoEventWireup="false" Inherits="TipsTricks.Ch4.ListImage" %>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN" >
<HTML>
<HEAD>
<title>ListImage</title>
<meta name="GENERATOR" Content="Microsoft Visual Studio 7.0">
<meta name="CODE_LANGUAGE" Content="C#">
<meta name="vs_defaultClientScript" content="JavaScript">
<meta name="vs_targetSchema" content="http://schemas.microsoft.com/intellisense/ie5">
</HEAD>
<body MS_POSITIONING="FlowLayout">
<form id="ListImage" method="post" runat="server">
<P><FONT face="黑體">
<asp:DataList id="DataList1" runat="server" Width="28px" RepeatColumns="4" RepeatDirection="Horizontal"
BorderWidth="1px" GridLines="Vertical" CellPadding="3" BackColor="White" BorderStyle="None"
BorderColor="#999999">
<SelectedItemStyle Font-Bold="True" ForeColor="White" BackColor="#008A8C"></SelectedItemStyle>
<HeaderTemplate>
<FONT face="宋體"></FONT>
</HeaderTemplate>
<SelectedItemTemplate>
<FONT face="宋體"></FONT>
</SelectedItemTemplate>
<AlternatingItemStyle BackColor="Gainsboro"></AlternatingItemStyle>
<ItemStyle ForeColor="Black" BackColor="#EEEEEE"></ItemStyle>
<ItemTemplate>
<asp:HyperLink id=HyperLink1 Runat="server" NavigateUrl='<%# DataBinder.Eval(Container, "DataItem.filename", "images/{0}") %>' Target="_blank">
<asp:Image id=Image2 runat="server" ImageUrl='<%# "GetThumbnail.aspx?filename=" + Server.UrlEncode(DataBinder.Eval(Container, "DataItem.filename").ToString()) %>' AlternateText='<%# "文件名稱:" + DataBinder.Eval(Container, "DataItem.filename") + "\n文件尺寸:" + DataBinder.Eval(Container, "DataItem.size") + " bytes" %>'>
</asp:Image>
</asp:HyperLink>
<asp:Button id="Button1" onclick="HHH" runat="server" Text="Button"></asp:Button>
</ItemTemplate>
<FooterStyle ForeColor="Black" BackColor="#CCCCCC"></FooterStyle>
<HeaderStyle Font-Bold="True" ForeColor="White" BackColor="#000084"></HeaderStyle>
<AlternatingItemTemplate>
<FONT face="宋體"></FONT>
</AlternatingItemTemplate>
<EditItemTemplate>
<FONT face="宋體"></FONT>
</EditItemTemplate>
</asp:DataList></P>
</form>
</FONT>
</body>
</HTML>
using System;
using System.Collections;
using System.ComponentModel;
using System.Data;
using System.Drawing;
using System.Web;
using System.Web.SessionState;
using System.Web.UI;
using System.Web.UI.WebControls;
using System.Web.UI.HtmlControls;
using System.IO;
namespace TipsTricks.Ch4
{
/// <summary>
/// Summary description for ListImage.
/// </summary>
public class ListImage : System.Web.UI.Page
{
protected System.Web.UI.WebControls.DataList DataList1;
private void Page_Load(object sender, System.EventArgs e)
{
if (!IsPostBack)
{
//獲取文件名稱
string[] files=Directory.GetFiles(Server.MapPath("images"));
//建立數據表
DataTable dt=new DataTable();
dt.Columns.Add("filename");
dt.Columns.Add("size");
foreach (string s in files)
{
DataRow dr=dt.NewRow();
FileInfo f=new FileInfo(s);
dr["filename"]=f.Name;
dr["size"]=f.Length;
dt.Rows.Add(dr);
}
//綁定顯示
this.DataList1.DataSource=dt;
this.DataList1.DataBind();
}
}
public void HHH(object sender, System.EventArgs e)
{
this.Response.Write("hello");
}
#region Web Form Designer generated code
override protected void OnInit(EventArgs e)
{
//
// CODEGEN: This call is required by the ASP.NET Web Form Designer.
//
InitializeComponent();
base.OnInit(e);
}
/// <summary>
/// Required method for Designer support - do not modify
/// the contents of this method with the code editor.
/// </summary>
private void InitializeComponent()
{
this.Load += new System.EventHandler(this.Page_Load);
}
#endregion
}
}
❹ ui設計師必備技能有哪些
一、電腦端軟體UI設計(PC端)
中國的互聯網和軟體企業基本都是從pc端產品起家的,這是各大軟體公司重要的盈利點,QQ、360安全衛士、播放器、各類管理軟體都屬於此類,目前PC端軟體開發對於UI設計師需求巨大。
二、移動端UI設計(APP)
移動互聯網是一塊新的處女地,也是目前各大互聯網公司爭奪的焦點,加上新的創業型公司也更多看好從移動端起步,目前APP的開發勢頭強勁,UIi設計師的需求後勁十足。
三、網頁UI設計(WEB端)
電商的火爆,讓WEB端依然青春常在,加上微博、雲空間、相冊等更多互聯網衍生產品的出現,網頁UI設計的社會需求依然強勢。
四、H5前端開發
前端開發,就是把設計師設計好的界面,用代碼實現成真正的網頁,出於對設計可用性和降低開發成本的考慮,ui設計師同時具備前端開發能力已成為用人單位招聘要求的共識。
五、交互設計
交互設計是對產品的整體規劃和原型設計,涉及產品的用戶體驗和易用性設計,會不會做交互設計,已成為美工和ui設計師的分水嶺。對於設計師將來職業提升也是意義重大,不得不會。
六、動效設計
看多了扁平化界面的用戶,開始有視覺疲勞的趨勢,動效設計成為增強視覺情趣和體驗的突破之門,不僅可以讓產品視覺錦上添花,也成為應聘ui設計師時更強的競爭力。
❺ 有沒有會做電子相冊的嗎(畢業設計)用
市面上有很多軟體可以一鍵製作電子相冊,安利一個同時擁有web網頁端、pc桌面端,和ios安卓都能用的移動端的電子相冊製作軟體:右糖
打開右糖官網,選擇在線製作進入模板界面。
如果你的照片在手機,也可以直接去app store或者安卓各大應用商店下載,然後在移動端使用~
❻ C#語言做的電子相冊系統
首先需要在同級目錄下建立文件夾FileSystem
//後台代碼:
using System;
using System.Collections;
using System.ComponentModel;
using System.Data;
using System.IO;
using System.Drawing;
using System.Web;
using System.Web.SessionState;
using System.Web.UI;
using System.Web.UI.WebControls;
using System.Web.UI.HtmlControls;
namespace WebShop
{
/// <summary>
/// filesystem 的摘要說明。
/// </summary>
public class filesystem : System.Web.UI.Page
{
protected System.Web.UI.WebControls.LinkButton LinkButton1;
protected System.Web.UI.WebControls.DataList DataList1;
protected System.Web.UI.WebControls.Button Button3;
protected System.Web.UI.WebControls.Button Button1;
protected System.Web.UI.WebControls.TextBox TextBox1;
protected System.Web.UI.WebControls.Button Button2;
protected System.Web.UI.WebControls.Label Label2;
protected System.Web.UI.WebControls.Label Label1;
protected System.Web.UI.HtmlControls.HtmlInputFile fileFeild1;
private void Page_Load(object sender, System.EventArgs e)
{
if(!IsPostBack)
{
Bind();
}
}
private void Bind()
{
string initpath="";
if(Request["path"]==null)
{
initpath=Server.MapPath("FileSystem");
}
else
{
initpath=Request["path"];
}
this.Label1.Text=initpath;
DataTable dt=new DataTable();
DataColumn dc0=new DataColumn("Image",System.Type.GetType("System.String"));
dt.Columns.Add(dc0);
DataColumn dc1=new DataColumn("Name",System.Type.GetType("System.String"));
dt.Columns.Add(dc1);
DirectoryInfo di=new DirectoryInfo(this.Label1.Text);
DirectoryInfo[] dis=di.GetDirectories();
foreach(DirectoryInfo d in dis)
{
DataRow dr=dt.NewRow();
dr[0]="<a href='filesystem.aspx?path="+HttpUtility.UrlEncode(d.FullName,System.Text.Encoding.UTF8)+"'><img src='images/folder.gif' border=0/></a>";
dr[1]=d.Name;
dt.Rows.Add(dr);
}
FileInfo[] fis=di.GetFiles();
foreach(FileInfo f in fis)
{
string ex=f.Extension.ToLower();
if(ex==".jpg" || ex==".jpeg" || ex==".gif" || ex==".png" || ex==".bmp")
{
string fullname=f.FullName;
string urlpath=fullname.Substring(fullname.IndexOf("FileSystem"));
string url=HttpUtility.UrlEncode(urlpath,System.Text.Encoding.UTF8);
DataRow dr=dt.NewRow();
dr[0]="<a href='"+url+"' target='_blank'><img src='"+url+"' border=0 width=100 height=128/></a>";
dr[1]=f.Name;
dt.Rows.Add(dr);
}
}
this.DataList1.DataSource=dt;
this.DataList1.DataBind();
}
#region Web 窗體設計器生成的代碼
override protected void OnInit(EventArgs e)
{
//
// CODEGEN: 該調用是 ASP.NET Web 窗體設計器所必需的。
//
InitializeComponent();
base.OnInit(e);
}
/// <summary>
/// 設計器支持所需的方法 - 不要使用代碼編輯器修改
/// 此方法的內容。
/// </summary>
private void InitializeComponent()
{
this.LinkButton1.Click += new System.EventHandler(this.LinkButton1_Click);
this.Button3.Click += new System.EventHandler(this.Button3_Click);
this.Button1.Click += new System.EventHandler(this.Button1_Click);
this.Button2.Click += new System.EventHandler(this.Button2_Click);
this.Load += new System.EventHandler(this.Page_Load);
}
#endregion
private void LinkButton1_Click(object sender, System.EventArgs e)
{
string Parent=Directory.GetParent(this.Label1.Text).ToString();
if(Parent.IndexOf("FileSystem")>-1)
{
Response.Redirect("filesystem.aspx?path="+Parent);
}
else
{
return;
}
}
private void Button1_Click(object sender, System.EventArgs e)
{
HttpPostedFile hpf=this.fileFeild1.PostedFile;
string ClientPath=hpf.FileName;
string filename=Path.GetFileName(ClientPath);
string ex=Path.GetExtension(filename);
if(ex==".jpg" || ex==".jpeg" || ex==".gif" || ex==".png" || ex==".bmp")
{
string SavePath=this.Label1.Text+"\\"+filename;
hpf.SaveAs(SavePath);
Bind();
}
else
{
Response.Write(Tools.GetAlertJS("所上傳的圖片格式不正確!"));
return;
}
}
private void Button2_Click(object sender, System.EventArgs e)
{
string filename=this.TextBox1.Text;
Directory.CreateDirectory(this.Label1.Text+"\\"+filename);
Bind();
}
private void Button3_Click(object sender, System.EventArgs e)
{
for(int i=0;i<this.DataList1.Items.Count;i++)
{
if(((CheckBox)this.DataList1.Items[i].FindControl("CheckBox1")).Checked)
{
int index=this.DataList1.Items[i].ItemIndex;
string filePath=this.Label1.Text+"\\"+this.DataList1.DataKeys[index].ToString();
if(Directory.Exists(filePath))
{
Directory.Delete(filePath,true);
}
if(File.Exists(filePath))
{
File.Delete(filePath);
}
Bind();
}
}
}
}
}
前台頁面:
<%@ Page language="c#" Codebehind="filesystem.aspx.cs" AutoEventWireup="false" Inherits="WebShop.filesystem" %>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN" >
<HTML>
<HEAD>
<title>filesystem</title>
<meta content="Microsoft Visual Studio .NET 7.1" name="GENERATOR">
<meta content="C#" name="CODE_LANGUAGE">
<meta content="JavaScript" name="vs_defaultClientScript">
<meta content="http://schemas.microsoft.com/intellisense/ie5" name="vs_targetSchema">
<LINK href="CssStyle.css" type="text/css" rel="stylesheet">
<form id="Form1" method="post" runat="server">
</HEAD>
<body MS_POSITIONING="GridLayout">
<FONT face="宋體">
<table cellSpacing="1" cellPadding="0" width="777" align="center" bgColor="#336600" border="0">
<tr>
<td bgColor="#08498c" colSpan="3"><IMG src="images/FileSystemBaner.gif"></td>
</tr>
<tr>
<td width="170" bgColor="#e3e3e3" rowSpan="2">
<asp:linkbutton id="LinkButton1" runat="server">後退</asp:linkbutton></td>
<td width="604" bgColor="#efefef" colSpan="2">
<asp:datalist id="DataList1" runat="server" RepeatColumns="4" RepeatDirection="Horizontal" DataKeyField="Name"
Width="604">
<ItemTemplate>
<table width="150" align="center">
<tr>
<td align="center" width="10"></td>
<td align="left" width="140"><%#DataBinder.Eval(Container.DataItem,"Image")%>
</td>
</tr>
<tr>
<td width="10" align="right">
<asp:CheckBox ID="checkBox1" Runat="server" /></td>
<td width="140" align="left"><font face="宋體"><%#DataBinder.Eval(Container.DataItem,"Name")%></font></td>
</tr>
</table>
</ItemTemplate>
</asp:datalist></td>
</tr>
<tr>
<td align="right" bgColor="#efefef" colSpan="2"><asp:button id="Button3" runat="server" Text="刪除選中項"></asp:button>
<input id="fileFeild1" type="file" name="fileFeild1" runat="server">
<asp:button id="Button1" runat="server" Text="確定上傳"></asp:button><br>
<asp:textbox id="TextBox1" runat="server"></asp:textbox>
<asp:button id="Button2" runat="server" Text="創建目錄"></asp:button></td>
</tr>
<tr>
<td bgColor="#888888" colSpan="3"><span class="STYLE1"><asp:label id="Label2" runat="server" ForeColor="White"> 當前所在位置:</asp:label><SPAN class="STYLE1"><asp:label id="Label1" runat="server" ForeColor="White" Width="87px"></asp:label></SPAN></span></td>
</tr>
</table>
</FONT></FORM>
</body>
</HTML>