導航:首頁 > 萬維百科 > 網頁設計效果

網頁設計效果

發布時間:2020-08-12 11:06:20

1、網頁設計效果圖你們是怎麼設計的?

我也曾經遇到過好幾次這種問題,我用ps做好效果圖給客戶看,客戶滿意後我就切圖做。但是ps上無法實現每一個像素的精確(其實也可以,但那樣就太費時間了),所以有時候實際做出的網頁在版面上會有些出入,比如左右分欄的結構在效果圖上是整齊的,做成網頁就有長有短,所以不得以要做一些調整。這樣一來,遇見比較挑剔的客戶就會糾結於我為什麼要修改效果圖上的方案,每次要解釋半天。所以我現在都是一邊做效果圖,一邊在網頁上實現,把整個網頁做好以後,直接將網頁截圖給客戶看。

2、一些網頁設計效果問題

百度「網頁特效」找到這個http://www.jscode.cn裡面會有你要的全部,不會的話還可以跟他學裡面有代碼給你參考的

3、網頁設計這個效果是怎麼實現的?是用javaScript嗎?

看了你和樓上回復的對話,大概理解了你的意思。
大概的流程應該是:
1、點擊 a 標簽
2、加一個 active 樣式:a.active { font-weight:bold; ...........}
3、為icon加active樣式: a.active i.icon { /*icon的active樣式*/}。
4、點擊 a 後 不跳轉頁面在本頁實現點擊效果。取出這個 a 的href 屬性,用ajax去處理
5、處理返回結果。
6、點擊其他 a ,取消所有 a 的 active,將點擊的 a 加上 active。執行 當前 a href

有案例,發出來會被封,私信給我,我給你發地址。

4、網頁設計和美工的區別

網頁設計是根據客戶的要求設計出一張網頁設計稿出來,這些網頁設計稿就包括了移動端和PC端的頁面,然後這些頁面就會交給前端工程師,通過代碼去實現。所以,我平時手機瀏覽的頁面一般有幾個步驟產出,客戶交流,確定頁面效果,網頁設計師設計初稿,迭代跟客戶確認需求,直至確定為止,交給前端工程師實現,完畢。
廣義上的網頁設計師,其中就包含了美工這個職位,也就是說,網頁設計師不只要設計網頁,有可能在公司中還會兼任處理圖片,攝影,甚至手繪等,做一些海報。
美工的話一般就包括圖片處理,海報設計還有一些是以照片的後期處理,以及包括攝影等。

5、網頁設計中這個效果如何實現呢

就是一個查詢,首先在表裡面肯定有一個類型分個人和中介兩種,然後比如在頁面上點擊 中介 傳遞 查詢 條件是中介

6、網頁製作上一頁下一頁效果

靜態簡單辦法就是做一個模板,模板上做幾個可編輯區域,一個一個的弄,一個一個保存,
動態的就一個就行,是用代碼實現的。下面這是通用的: <table width="100%" cellspacing="0" cellpadding="2">
<tr>
<td bgcolor="#FFD495"><p align="right">
<% call PageControl(iCount,maxpage,page,"border=0 align=right","<p align=center>")
Sub PageControl(iCount,pagecount,page,table_style,font_style)
'生成上一頁下一頁鏈接
Dim query, a, x, temp
action = "http://" & Request.ServerVariables("HTTP_HOST") & Request.ServerVariables("SCRIPT_NAME")

query = Split(Request.ServerVariables("QUERY_STRING"), "&")
For Each x In query
a = Split(x, "=")
If StrComp(a(0), "page", vbTextCompare) <> 0 Then
temp = temp & a(0) & "=" & a(1) & "&"
End If
Next

Response.Write("<table " & Table_style & ">" & vbCrLf )
Response.Write("<form method=get onsubmit=""document.location = '" & action & "?" & temp & "Page='+ this.page.value;return false;""><TR>" & vbCrLf )
Response.Write("<TD align=right>" & vbCrLf )
Response.Write(font_style & vbCrLf )

if page<=1 then
Response.Write ("首頁 " & vbCrLf)
Response.Write ("上頁 " & vbCrLf)
else
Response.Write("<A HREF=" & action & "?" & temp & "Page=" & (1) & ">首頁</A> " & vbCrLf)
Response.Write("<A HREF=" & action & "?" & temp & "Page=" & (Page-1) & ">上頁</A> " & vbCrLf)
end if

if page>=pagecount then
Response.Write ("下頁 " & vbCrLf)
Response.Write ("尾頁 " & vbCrLf)
else
Response.Write("<A HREF=" & action & "?" & temp & "Page=" & (Page+1) & ">下頁</A> " & vbCrLf)
Response.Write("<A HREF=" & action & "?" & temp & "Page=" & (maxpage) & ">尾頁</A> " & vbCrLf)
end if

Response.Write(" 頁次:" & page & "/" & pageCount & "頁" & vbCrLf)
Response.Write(" 共有" & iCount & "條信息" & vbCrLf)
Response.Write("</TD>" & vbCrLf )
Response.Write("</TR></form>" & vbCrLf )
Response.Write("</table>" & vbCrLf )
End Sub
%>
</td>
</tr>
</table>

7、關於網頁設計頁面效果 如下圖效果代碼是什麼應該怎麼設計?補充:時圖片的效果還是用代碼設計的?

flash做的,韓國風格的網站都這樣,一個大flash裡面做一些鏈接,動畫效果看著很炫,其實改鏈接什麼的就很麻煩,而且別人機器差一點的看的和好機器看著效果很不一樣,還有救是手機就看不了這類網站,如果要做的話建議你把它的FLASH直接下回來,然後下個反編譯flash的軟體(搜一下很多的),反編譯後就可以編輯了,把裡面一堆垃圾韓文都換點,把鏈接都重新改一下就可以了。試試看吧!

8、網頁設計的DIV是什麼效果的?

復雜,龍統的文字我就不說了,其實div+css排版的形式一般是這樣的

一段描述"樣式的代碼",(通常會單獨寫在一個文件裏)像這樣:

<style type="text/css">
<!--
.mysty{color:#F00}
-->
</style>

在裏頭我就定義一個叫做"mysty"樣式,他的屬性color是」#F00」紅色

然後我在頁面中想調用這個樣式時我就先打好一個div的合子,然後我用"class='mysty'"這樣的方法來調用這個樣式,於是乎,在這個div包含的內容的文字都變成紅色了,當然table也可以這樣用

<div class="mysty">紅色字</div>

至於優勢嘛,網上有好多地方都有寫,你最好自己體驗一下,它的簡潔我覺得是對table排版的最大的優勢

9、哪個網頁設計效果好?

網頁設計好,發展前景廣闊
屬於ui設計的范疇
一般來說,ui設計師的要求都比較多
你做網頁設計,不但要求設計的好看,還要求用戶體驗設計很好才行

10、網頁效果圖怎麼製作?

 平面廣告和網站頁面設計的宗旨就是吸引眼球,符合平面視覺沖擊特點,如何設計一款有特色、另類能吸引眼球的作品是擺在平面設計人員和photoshop愛好者面前的難題

現在以一款網頁平面設計效果圖為實例,講解網頁設計方面的創意知識,從網頁效果圖布局創意、顏色選擇,裁減效果圖和製作網頁特效等方面來學習。下面我們就一起來學習吧。

首先聲明一下,這款網頁效果圖在得到朋友許可後拿來製作教程實例,切勿抄襲和用做其他用途。先看效果圖0。

一、 創意設計思路

一個網站在製作前需要確定網站風格、網站主題、和主色調,在沒有確切的方案之前,最好不要貿然動手製作,不然最後的結果很可能是以失敗而告終。

筆者決定從關鍵字"路行""獨自行走"加上是暗色系的要求上下手,敲定顏色採用沙漠黃,沙漠很容易讓人聯想到孤單;板式確定為戶外廣告的樣式沙漠黃配合生銹的廣告牌。符合"頹廢""艱辛路途"主題。

二、 網站效果圖及LOGO的製作。

1、LOGO的樣式採用的是圖形和字元的組合。漢字LOGO的字體不是下載的字體,是筆者用鋼筆工具畫出來的字體。如圖1和1-1。

 鋼筆工具勾勒出圖1的行走的人樣式,填充紅色,然後調整混合模式"斜面和浮雕"選擇浮雕效果、雕刻清晰、深度1、方向上、大小2,其他默認。這LOGO 的創意是,一個人在崎嶇不平的路上堅持自己的方向,配合網站的英文加中文名字,構成一個形象LOGO,剛好"路"字和"行"字採用紅色,突出了路行。

文字LOGO筆者用鋼筆工具勾畫出字的各個部件,然後拼接在一起,這里只給出"路"字的方法,"行"字方法如同。[next]

2、製作布局參考圖。如圖2


 3、根據布局效果圖,新建文件大小1000X765,填充黑色。布局中的"顯示區域"為廣告牌是要掛到牆上的,使用"石頭材質"放置在頁面最上方來製作石板牆;使用"銹跡皮革材質"製作"顯示區域""LOGO"區域的邊框(註:一些材質的製作方法省略,平時可自行製作也可去圖片站下載保存,用的時候方便),將LOGO區域的邊框復制一層,調整不透明度為60%放置到LOGO曾下方,這樣大體的框架就完成了。如圖3和3-1。

(圖5)


(圖6)

4、找來一張沙漠公路的圖片,把這張圖片進行聚焦處理。點圖4示例的按扭進入"以快速蒙版編輯模式",選擇漸變,漸變模式為"徑向漸變"在圖中間向兩邊拉,屏幕會出現一團紅色;然後再點"以標准模式編輯"畫面會出現一個圓圈選擇區域,按"DELETE"刪除即可。如圖4和圖4-1。

(圖7)

(圖8)

 5、在"路"圖片上方新建一層,按住CTRL+"路"圖層,單擊新建的圖層,填充顏色4E341B,調整為暗系沙漠黃。如圖5。

(圖9)

製作文字LOGO牌。找來圖5-1中的灰色材質,在"LOGO邊框"下面新建一層,然後在其之上新建一層,放置沙漠圖片,將其混合模式修改為"顏色"然後打開一開始制

與網頁設計效果相關的知識