下面我們介紹40多個漂亮的網頁表單例子以及現代的解決方案和與網頁表單設計有關的創造性思維。其中有一些是flash的;儘管如此,在大多數情況下,你能很容易的使用簡單的css和(x)html來創建相同的設計.
網頁表單是訪客與網站擁有者主要的溝通途徑。回饋總是重要的,這就是我們為什麼確保網頁表單容易理解和使用起來比較直觀的原因,儘管如此,甚至在形式設計中它也擔當創意中的有效部分。
網頁表單並非都是乏味的,使用css或flash,你能確保它們具有吸引力且有效。要注意,你需要提出一些獨特且有趣東西-表單的符號、圖標、顏色、位置或尺寸是經常用來獲得有趣設計解決方案。我們已經尋找了一些例子,並且已經找到了他們。有創意的、原創的且不尋常的網頁表單。
下面我腳本之家介紹40多個漂亮的網頁表單例子以及現代的解決方案和與網頁表單設計有關的創造性思維.其中有一些是flash的;儘管如此,在大多數情況下,你能很容易的使用簡單的css和(x)html來創建相同的設計.
由於網頁表單或許是網站中最重要部分之一,你作為一個設計者必需確保訪客容易理解在表單區域他們需要填寫什麼樣的資訊。複雜而且長的表單增加了使用者的認識負荷-他們只是更難處理。在上下文中,選擇簡單且乾淨的解決方案似乎是一個很好的方法。然而,如果表單要注重細節的設計並且看起來不錯,那麼使用一些具有吸引力的圖標也是很合理的。
softmail's 的通訊盒來自巴西,在表單設計中它展示一個相當不錯的與表單融入一體的郵件圖示。提交按鈕是乾淨且有效的。這是一個創意的設計。
swfir也用了一個信封一暗示。
在katrin wegmann的網站使用了手寫。引人注意、吸引人眼球和好玩的設計使它的功能完美的傳達給了使用者。
TheWatchMakerProject 的設計給人深刻的印象。這個表單放置在最新評論的右手邊。
Frexy.com用了一個好而乾淨的解決方案
用了一個好而乾淨的解決方案
用了一個好而乾淨的解決方案
Flingmedia用了一個變化的聯繫表單,依賴於訪客的意圖(一般評論,新項目的請求),用戶可以選擇他/她感興趣的網頁表單。
Envero.org-網頁表單是大且填滿整個版面的寬度。因此選擇了對應的字體大小和輸入框的大小。
2。創造的解決方案雖然網頁表單被認為足夠可以讓用戶和網站擁有者保持聯繫,但是一些設計者還是常常冒著創造性設計的風險,為了使訪問者不會感覺佈局的乏味,儘管標準的網頁表單他們使用了好幾年。許多不同的暗示被使用,以下概括了一些有趣的例子。
CRreated 201.com 看看這個非常不同的透視效果的聯絡表單。這個效果是用flash創建的。好吧,這確實與眾不同。如果您想聯絡Edward Pistachio,您首先需要解決一個難題。這種做法是不適用的部落格或商務網站。然而,它完全符合這個概念性的網站。訪客都感到驚訝。
Chemistry Recruitments 用了一個文件夾,幾張便函條和幾張紙Alexandru Cohaniuc 使用一張草紙和一張郵票展示了一個巨大的網頁表單。
Tony Yoo的聯絡表單的左手邊有一個詳細聯絡資訊。
Qwert City 使用者可以寄給設計師一張明信片。
wildvuur.com-這個網頁表單與網站版面配置完全融為一體
BubblesSoc
當一個使用者點擊指向網頁錶音的連結的時候,他/她與網站擁有者取得聯繫只差一步。有些設計者為了確保訪客確實能夠填寫表單,他們使用有吸引力的文字和插畫,讓使用者對表單感覺更加的舒適。
Intuitive Designs試圖透過一個忙碌的郵遞員來給訪客深刻的印象。難道他能應付得過來嗎?
X-Grafik.sk使用一張來自斯洛華客的郵票。
Kqoule.com有個可愛的夥計,他邀請訪問都去參加評論。
Dressfordialogue.com在表單右側的上部用了一個微小的插畫,儘管如此,有時它也能起到足夠的效果。
尋找一些創意性的網頁表單,我們注意到一些新的功能被使用,這在過去是不多見的,它們是被用來為用戶的文字格式提供富文字編輯的wysiwig-editors和sliders.Editors,不同的標題等級和圖片。滑桿被用來定義一個給定項目的預算限制。
InfectedFx有一個相當複雜的網頁表單,裡面有提示、選擇項目和按鈕,表單也融入了一個WYSIWIG-editor的文字方塊區域。
Sidebarcreative.com給潛在客戶提供了一個限制專案預算的滑桿。
從可用性的角度來看,沒有什麼東西比一個長的純文字標籤和沒有視覺指示圖示的網頁表單更讓人頭痛。這樣的表單是無聊的。不吸引人,也不使用戶感覺舒適。你能更好的設計表單,事實上,沒許多必填項。通常圖示用來指示使用者哪些是必填項。
DesignDisease Wordpress Theme 用簡單的標誌去指示哪些是必填項。
Bouctoubou.com有很簡單且基本的標誌,然而,他們設法讓表單更有趣。
我曾經寫過在現代網頁設計中手寫和邋遢風格的使用。這樣的設計元素在網頁表單中也已經在使用,它是獨特的且作為傳達設計設計者個性的。特別是 以flash為基礎的網頁設計更喜歡這種方式。
Redblu 提供了一張報紙。要拿到表單,你需要相應的拖曳報紙。
Fivecentstand提供了一個以flash為基礎的解決方案,它意味著與整個站點融為一體。對於新用戶來說它可能相當的困難。
Pointofe.com使用便條作為網頁表單。字體大小或許應增大。
Swiths.com用了一個老式設計。同時提供了懸停效果。
下面你將找到一些不尋常使用的解決方案,它能為你的設計提供一個起點。並非它們中所有的都好看,但是他們有一些東西可能能進一步的提高你的設計思維。
adorama.com提供了一看上去不錯的和緊湊的解決方案:側邊欄裡的一個通訊盒
不同的語言-不同的風格,在Booloob.com提交按鈕被放置在表單的左手邊。
Paregonta.com:立體且極簡單。色彩多樣且特別緊湊的表單。
Sunmatecushions.com有一個真正不同的風格,在這裡它不知怎麼的就適合。
嗯,為什麼不呢?在GeekAndHype.com上壁紙作為背景
Revota.com
Revota.com
Revota.com
Revota.comcatydesign
也很暗淡。這個表單給人印象深刻的是建議訊息放置在一個合適的地方。MyMileMarker:
表單沒有寬度的限制。有時橫向表單比豎向表單更好用。
Jaroslav Cerny 展示瞭如何去將一個網頁表單和電子郵件混合在一塊。這個表單不再在線,但它絕對值得一提。