服裝類Web原型製作分享——Rodd & Gunn
Rodd & Gunn是國外知名的服裝類品牌,服裝種類繁多,有衣服、帽子、穿戴飾品等。
本原型由國產Mockplus(原型工具)和iDoc(智慧標註,一鍵切圖工具)提供。
網站原型以圖文排版為主,採用側邊欄二級導航,豐富的互動效果,彈出面板和麵板的使用,實現了點選導航彈出和點選按鈕滾動配圖的效果。內容方面包含了首頁,商品排版和商品詳情頁等,所以非常適合電商類的原型使用。
點選這裡,可以立即線上預覽:Rodd & Gunn原型模板線上預覽。
以上設計的所有頁面可以在這裡下載分享。
所有頁面的圖片集(5張), 在這裡下載。
Enjoy it!
相關推薦
服裝類Web原型製作分享——Rodd & Gunn
Rodd & Gunn是國外知名的服裝類品牌,服裝種類繁多,有衣服、帽子、穿戴飾品等。 本原型由國產Mockplus(原型工具)和iDoc(智慧標註,一鍵切圖工具)提供。 網站原型以圖文排版為主,採用側邊欄二級導航,豐富的互動效果,彈出面板和麵板的使用,實現了點選導航彈出和點選
美食類Web原型製作分享-Taste
Taste是國外知名的美食類網站,為人們提供豐富的美食選單,幫助人們更好的享受美食帶來的快樂。網站採用圖文結合的排版方式,有固定頂部導航欄的互動功能等。 本原型由國產原型工具Mockplus和團隊協作工具iDoc(一鍵切圖、智慧標註等)提供。 點選這裡,可以立即線上預覽:Taste原型
工具類官網Web原型製作分享-Adobe
Adobe是全球知名的軟體開發團隊,研發了設計創意領域全球領先的優秀軟體產品,為設計行業提供了巨大的價值。 網站原型以圖文排版為主,頂部一級導航,彈出面板和麵板的使用實現了一級導航下拉的效果。 本原型由國產原型工具Mockplus和團隊協作工具iDoc(一鍵切圖、智慧標註等)提供。
【附原始檔】軟體工具類Web原型製作分享 - Sketch
Sketch是一款輕量,易用的向量設計工具。專門為UI設計師開發,讓UI設計更簡單、更高效。 本原型由國產原型工具-Mockplus製作完成。 非常適合工具類產品官網使用,本模板的互動有通過使用面板元件,實現了列表的摺疊效果。
企業官網Web原型製作分享-Tesla
Tesla是汽車行業知名的奢華品牌,產品為純電動汽車,知名度極高。此模板正是取自Tesla的官網,高階大圖配上文字排版,彰顯了汽車的奢華感覺。 本原型由國產Mockplus(原型工具)和iDoc(智慧標註,一鍵切圖工具)提供。 互動上實現了選單的顯示隱藏,此模板分別闡
【附原始檔】軟體工具類Web原型製作分享
Sketch是一款輕量,易用的向量設計工具。專門為UI設計師開發,讓UI設計更簡單、更高效。 非常適合工具類產品官網使用,本模板的互動有通過使用面板元件,實現了列表的摺疊效果。 以上設計的所有頁面可以在這裡下載分享。 所有頁面的圖片集(5
企業官網原型製作分享-Starbucks
星巴克是全球著名的咖啡連鎖店,星巴克的產品不單是咖啡,咖啡只是一種載體。而正是通過咖啡這種載體,星巴克把一種獨特的格調傳送給顧客。咖啡的消費很大程度上是一種感性的文化層次上的消費,文化的溝通需要的就是咖啡店所營造的環境文化能夠感染顧客,並形成良好的互動體驗。此模板的導航欄互動採用固定在頂部懸浮的方式
【Web前端】清除浮動&css中文字體
white hidden lag iso 學習資源 target 元素 關系 align 清理浮動有非常多種方式,像使用 br 標簽自帶的 clear 屬,使用元素的 overflow。使用空標簽來設置 clear:both 等等。但考慮到兼容問題和語義化
Java Web(五) -- 事務 & 數據庫連接池 & DBUtiles
ML run count() lis into 銀行 定義數據 dao util #事務&數據庫連接池&DBUtils ##事務 > Transaction 其實指的一組操作,裏面包含許多個單一的邏輯。只要有一個邏輯沒有執行成功,那麽都算失敗。
Java Web(九) -- Listener & Filter
gis 建數據庫 資源 prot 服務 map() AS 屬性 troy Listener & Filter Listener 監聽器 1、能做什麽事? 監聽某一個事件的發生。 狀態的改變。 2、監聽器的內部機制 其實就是接口回調. 接口回調
web網頁外部分享到微信、朋友圈、扣扣、微博等功能、自動生成二維碼等
真的是 nan color 接口 blog har sum height summary 1、這裏重中之重是分享到微信:web端網頁通常是沒有權限分享過去的 所以用: weixin://dl/business/?ticket=ta428dhj739hg3efe6e
【Web篇08】Web中MVC設計理念 & 經典三層架構 & 五大主流框架
一、Web的MVC設計理念和MVC框架: 之前在Web篇04中已經詳述了Servlet、TomCat、JSP和Web.xml之間的聯絡; (1)瀏覽器傳送請求到收到響應,簡要的過程如下: 瀏覽器傳送請求後,由Web.xml中規定的協議,進入TomCat中特定的Servlet,伺服器先
登入介面之Axure原型製作
*****登入介面製作步驟***** 1、背景色:需要設定的背景色不知道色值,可以使用截圖工具擷取一小塊貼上到axure頁面, 點選頁面樣式中的背景色左上角的取色器點選一下該色塊,即可將背景色全部填充為需要的背景色。2、logo位置:直接使用截圖工具測量一下logo距離瀏覽器頂部的距離是多少,在頁面中點選圖
web前端教程分享:常見 React 面試題
React 中 keys 的作用是什麼? Keys 是 React 用於追蹤哪些列表中元素被修改、被新增或者被移除的輔助標識。 render () { return ( <ul
前端web教程大綱分享
學習Web前端就要清楚地知道Web前端工程師需要什麼基礎技能呢?其實之前IT技術只有美工和程式,隨著技術進步,人們的生活需求轉變,才逐漸衍生出web前端開發的崗位。近幾年伴隨這移動端使用者逐漸成為主流,web前端工程師的分量也越來越重。所以學習web前端的人逐年增多,當然大多數都是衝著web
社交類APP原型模板分享——QQ
QQ是一款社交類的APP應用——聊天軟體,支援多人群聊以及豐富有趣的娛樂功能。 此模板互動效果很豐富,主要有抽屜側拉效果,滾動內容介面、標籤組切換、選擇元件觸發按鈕狀態變化、點選下拉展開列表、點選彈出面板等互動操作。 先簡單看看動圖: 點選這裡,可以立即線上預覽
grafika製作分享二維碼圖片
<?php namespace app\index\controller; use Grafika\Color; use Grafika\Grafika; use think\Controller; /** * composer require ko
Web前端教程分享:頁面效能優化辦法有哪些?
引子 網際網路有一項著名的8秒原則。使用者在訪問Web網頁時,如果時間超過8秒就會感到不耐煩,如果載入需要太長時間,他們就會放棄訪問。大部分使用者希望網頁能在2秒之內就完成載入。事實上,載入時間每多1秒,你就會流失7%的使用者。8秒並不是準確的8秒鐘,只是向網站開發者表
Playground 快速原型製作
由於使用 Cocoa 框架能夠快速地建立一個可用的應用,這讓許多開發者都喜歡上了 OS X 或 iOS 開發。如今即使是小團隊也能設計和開發複雜的應用,這很大程度上要歸功於這些平臺所提供的工具和框架。Swift 的 Playground 不僅繼承了快速開發的傳統,並且有改變我們設計和編寫 OS
MyEclipse Web開發教程:XML & XML架構(二)
MyEclipse 線上訂購年終抄底促銷!火爆開搶>> MyEclipse最新版下載 1.MyEclipse中的XSD編輯 本文件介紹MyEclipse XML Schema(XSD)編輯器中的一些可用函式。XML Schema(XSD)編輯器包括高階XSD編輯,例如: