⑴ 做響應式web 頁面怎麼設計
響應式Web設計的方法
介紹完響應式Web的背景和概念之後，是時候該介紹具體的實現方法了，其實響應式Web設計的方法很簡單，就是利用CSS3的媒體查詢Media Queries和Viewport來解決問題的。
首先我們一起來看看Media Queries，這里我只會對其做一個簡單的列舉介紹。
通過媒體查詢的設置，我們可以根據屏幕寬度、屏幕方向等各個屬性來載入不同場景下不同的CSS文件來渲染頁面的視覺風格。具體的使用方法有以下兩種：
1、通過link標簽：
<link rel="stylesheet" type="text/css" media="screen and (max-width: 479px)" href="testcssbywidth1.css" />
示例代碼代表當當前屏幕寬度小於479px的時候，載入testcssbywidth1.css文件來渲染頁面。
2、CSS中直接設置：
@media screen and (max-width:479px) {
/* 具體的CSS屬性設置 */
}
對於Media Queries的一些常用屬性，只對常用的幾個做一個簡單列舉說明，其他的屬性請各位自行查閱相關資料：
width：描述終端設備顯示區域的寬度，接受max/min的前綴；
height：描述終端設備顯示區域的高度，接受max/min的前綴；
device-width：描述終端設備屏幕的寬度，接受max/min的前綴；
device-height：描述終端設備屏幕的高度，接受max/min的前綴；
orientation：描述終端設備處於橫屏還是豎屏的狀態，取值分別為：landscape/portrait。
當我們調整瀏覽器大小的時候，上面通過媒體查詢屬性的操作就可以完成響應式Web設計的工作，但是這卻不能滿足移動終端的瀏覽器，因為移動瀏覽器默認頁面是為寬屏幕設計的，所以會把他縮小來適應小屏幕，但是終端設備卻無法識別正確的寬度，所以光靠媒體查詢是解決不了移動終端設備的響應式Web設計的
⑵ 界面設計，web設計
第一，你字體太大了。如果是一個軟體的話，可以用微軟雅黑，如果是在線版的話，宋體的象素字12號，標題14號就夠了。
第二，用1像素修飾邊緣。
第三，盡量減少圓角，不然挺麻煩的。除非你有很好而且不怕麻煩的程序員
⑶ 如何設計web界面才好看
符合頁面設計規范，注重用戶體驗，交互設計方面做到人機和諧。
⑷ 如何進行web頁面原型圖設計
最後半天心不在焉拖拖拽拽把各個部分都搭建好了，可是做出來的頁面慘不忍睹，自己都沒勇氣打開。晚上回家後和鄰居又討論了三個小時，最後熬夜把原型圖完成。雖然最後原型圖也沒有被採納，但是這次原型圖居然受到了表揚，領導說我的原型圖有了提升。今天就寫下這篇文章，為這段時間的工作做一個總結。原型設計前：①�0�2�0�2 重點突出內容：要清楚明了頁面需要突出的內容是什麼，這個在前期的討論中一般就已經確定；②�0�2�0�2 第一功能目的：除了內容以外，功能方面需要突出的是什麼？如引導注冊或像下一級頁面引導流量。③�0�2�0�2 如果是改版要考慮改版要解決的問題是什麼？對於前一版頁面存在什麼問題 畫原型圖要考慮：④�0�2�0�2 內容板塊如何劃分，頁面的內容主要分成幾個模塊，每個模塊內存放的都應該是一些相近的內容；⑤�0�2�0�2 模塊與模塊之間的關聯性：每個模塊與其相近的模塊之間應該有一些邏輯上的關聯性，而不能隨意的進行拼接；⑥�0�2�0�2 頁面的流程：模塊與模塊的上下承接關系，模塊與模塊應該上下存在某些邏輯上的連接性。 頁面完成後：完成原型圖後一定要進行檢查，主要從以下三個方面進行檢查：⑦�0�2�0�2 內容是否完整：對比框架中的每一部分內容檢查是否完整；⑧�0�2�0�2 第一屏是否把最重要的內容展現出來：頁面第一屏以外的內容基本都是輔助內容，如果不能在第一屏就把內容全部展現，基本上就等於內容不完整；⑨�0�2�0�2 功能是否實現：想要表達的功能是否在明顯的地方表現出來；⑩�0�2�0�2 流程是否順暢：把相應的流程走一遍，看是否流暢。 注意tips：①�0�2�0�2 未完成的作品拿出來討論頁面不完整不代表思想不完整，即使是不完整的頁面，裡面應該也要有一個清晰的邏輯圖。通過這種方法可以強迫自己想明白再下手。②�0�2�0�2 理清自己的思路要有屬於自己的清晰思路，對內容、功能和流程自己要先想明白，可以列舉一些具體的問題來輔助理清自己的思路。③�0�2�0�2 堅持自己的想法每一個人都有自己的想法，只要你理清自己的思路，就一定要堅持下去。用自己的邏輯解答別人的疑惑和質疑，形成自己的思路。 關於工具和作圖：之前花了很多時間去研究axure，是學會了一些作圖的技巧，可是漸漸發現這些對頁面的提高基本不大，我是覺得在掌握基本的工具使用時可以暫時忽略工具。頁面最重要的是你的想法，等到想法成熟之後不妨慢慢的考慮工具的深入，太多的考慮技巧方面的問題反而會模糊視線。思考的過程和畫圖的時間可以在7:3都無所謂，前期的框架和流程思路想好後，後面的原型圖也就水到渠成了。
⑸ web ui界面設計
可以使用html+css先做出來，到時候在使用程序嵌入進去使功能可以使用即可。
⑹ 什麼是基於web的UI設計做web的UI設計需要掌握什麼技術
web是網路，UI是界面設計。
基於web的UI設計就是基於網路的用戶界面體驗設計。
比如我現在回答問題的這個網頁界面，打字的區域是文字輸入框，框上是問題，框是直角而非倒角設計，而同問、匿名和提交回答，還有右側的 簽到，幫助更多人按鈕都是有倒角的。。。。
總之你上網看到的一個界面 就是一個界面設計。但想我上面說的這個界面，就是很爛的界面，連按鈕都不同意，你看搜索答案，我要提問和我要回答按鈕又是直角按鈕。。。
需要的技術：
1、設計能力.
2、理解與溝通能力，設計心理學。
3、軟體使用技巧。
你可以看一些UI比較好的網站，比如BING的搜索頁面。不像網路只知道抄襲某已經離開的大哥，二十另闢蹊徑。。。
⑺ 學平面設計需要學習什麼軟體
1、全能選手Photoshop
Photoshop簡稱」PS「，是Adobe公司開發的圖像處理軟體，主要處理以像素所構成的數字圖像(即點陣圖圖像)。PS有很多功能，在圖像、圖形、文字、視頻、出版等各方面都有涉及。
很多人選擇學習設計其實都是三分鍾熱度，最好在學習之前先來做一個小測試
→點擊測試我適不適合學設計
在從事網頁設計工作中，用得最多的軟體就是PS。以前也用PS設計過平面海報，易拉寶感覺也挺好用的。當然PS來處理圖片、調色修圖、做些特效合成這是PS的最擅長的強項。除此之外，用PS來做logo設計、畫冊排版、名片也可以，只是略顯笨拙。
2、矢量軟體Coreldraw
CorelDRAW?Graphic?Suite簡稱「CDR」，是加拿大Corel公司的矢量圖形製作工具軟體。這個軟體給設計師提供了圖形插畫、照片編輯、頁面布局、Web設計等多種設計場景。
3、排版利器InDesign
InDesign軟體簡稱「ID」，也是Aodbe公司旗下的一款設計軟體，定位於專業排版領域，能夠幫您優化設計和排版像素的多功能桌面出版應用程序。
專業的平面設計學校通過以上幾點就可以輕松找到，天琥教育開設平面設計培訓班，課程內容包括了平面設計、網頁設計、UI設計、交互設計、三維動效設計、營銷設計、web前端設計等等，這些都是匹配當下企業對於復合型UI設計人才的要求而進行開設的，也在無形中擴大了學員的就業選擇。
⑻ web前端培訓有哪些課程
您好，web前端培訓課程包括以下8個階段：
階段1.前端核心基礎
HTML +_CSS核心、JavaScript基礎語法、JavaScript面向對象、JavaScript DOM和BOM編程、jQuery框架
階段2.HTML5 + CSS3 + 移動端核心
HTML5新特性、Canvas專列、CSS3新特性、CSS3進階、CSS3實例演練
階段3.移動端
移動端核心、移動端適配、移動端特效
階段4.伺服器端
伺服器端開發、資料庫操作、前後端交互核心、微信公眾號開發
階段5.JavaScript高級
JavaScript基礎深入剖析、JavaScript面向對象深入講解、JavaScript非同步編程、JavaScript函數式編程、JavaScript設計模式
階段6.前端必備
性能優化、版本控制工具、模塊化、項目構建工具
階段7.高級框架
React框架基本使用、React框架進階、Vue框架基本使用、Vue框架進階、Vue源碼分析
階段8.小程序
原生小程序入門、原生小程序API使用、小程序框架Mpvue