墨刀網頁設計

1、求教如何使用墨刀製作出下拉菜單的效果

新建母版，將觸發彈窗的按鈕以及彈窗分別放到母版中的頁面一和頁面二中，創建鏈接，選擇動效。拖入工作區，選中實例，編輯相應母版狀態並添加鏈接。完成。

第三種：使用頁面狀態製作彈窗（視頻教程）

如果你還不會使用頁面狀態，可以先看入門教程了解用法。使用頁面狀態實現彈窗效果很簡單，先設計好默認狀態樣式（全部組件已添加成功）後，新建狀態二：在狀態一中設置彈窗或組件隱藏，狀態二顯示。連接兩個狀態，完成。

2、墨刀在哪添加控制項的動作

大凡是圖形編輯工具中一般都提供了輸出為透明背景色
的功能，不過在FLASH中確實很難發現設置輸出對象為
透明背景的方法：
或許是FLASH的功能已經擴展到了獨立設計的地步上。
其實如果你輸出為標準的FLASH文件到網頁中。
通過網頁的HTML功能也可以實現FLASH對象的透明背景的設置
在FLASH中：
通過file/publishsettings或是直接按ctrl+shift+F12調出
FLASH發布設置窗口。
在逗WindowMode地下拉框選逗TransparentWindowless地
不過注意的是：其效果是在Html頁面中加入的
並非Flash文件本身具有這一屬性.
也就是只有在發布到網頁中才具有這一屬性的。

3、怎麼在墨刀裡面做懸浮

仔細看會發現墨刀裏手機框或者PC框左側1厘米處有條斑馬線，

這個線的最下方有個類似鉛筆的小圖標，移到你想加浮層的上面，這樣浮層就不會跟著頁面一起移動了；

注意的是浮層一定要放在頁面的最下方，不管你的頁面有多長，都要放在最底層才有效哦

加油！

4、墨刀可以電腦和手機一起原型交互嗎



墨刀是一個原型設計工具，可以快速構建移動應用原型與線框圖，支持雲端保存和實時手機預覽。今天主要是做一個墨刀的基礎使用教程，就不重點介紹和對比各原型工具的優缺點了（有空的話我會單獨做一篇原型工具的對比分析）。希望這篇教程可以幫助墨刀的初學者快速上手該軟體。

5、墨刀生成的頁面可直接用於ios開發嗎

/步驟

目前墨刀網頁版客戶端網頁版直接使用客戶端其實網頁版功能我般載客戶端使用程需要聯網

進入網頁看兩選項例使用原型設計我選擇第二進行我需要原型設計

進圖所示看幾部菜單欄等比較簡單介紹左邊組件欄選擇需要組件間編輯欄選取組件進行編輯右邊預覽排列終我看頁面

圖我頁面要組件全部都拉右邊排列欄通雙擊應組件進行文字編輯通間欄進行顏色類改變

我需要做另頁面做右邊頁面管理欄進行編寫；新建或者復制頁面我原型同頁面間跳轉

要進行頁面間跳轉拉組件旁邊超鏈接式圖標通拉超鏈接相應頁面進行頁面跳轉功能

6、墨刀中做交互原型可以添加視頻嗎？ 怎麼添加？

詳細步驟，希望幫助更多人，歐耶。 我是真的很喜歡這種每一步都做出來的，因為一般問的話我肯定是不懂啊，就會需要圖文並茂，更容易參考吧。 Axure作為一款高保真原型設計軟體，高效快速，且應用廣泛。而關於用戶提到的Axure rp

7、通過axure做原型設計生成的html代碼可以讓開發直接用嗎

不可以，Axure 生成的只是原型，是在產品制定時供大家參考了解項目用的。

Axure輸出的HTML文件不能直接用於前端代碼開發，Axure為了模擬交互效果，使用了大量的JS，其中有很多是用不著的內容，前端代碼需要完全重寫。

Axure輸出內容不能取代實際開發中的任何部分，只是為了提高溝通效率。

(7)墨刀網頁設計擴展資料：

Axure的特性

1.滑鼠及鍵盤交互功能:

支持更多的新特性包括 OnDoubleClick（雙擊）, OnContextMenu (右擊),OnMouseDown（滑鼠按鍵按下）, OnMouseUp（滑鼠按鍵松開）, OnMouseMove（滑鼠指針移動）, OnMouseHover（滑鼠指針經過）, OnLongClick (滑鼠長按), OnKeyDown（鍵盤按鍵按下）, OnKeyUp（鍵盤按鍵松開）。

2.演示文檔：

支持HTML5新特性，以及更好的支持手機演示特性。

3.新增部件樣式控制：

Axure7對於部件修飾功能有較大的改善，包括支持圓角、陰影、描邊等設置。

4.更細化的部件屬性：

更為豐富的部件屬性，可以設置各種形狀、樣式，較Axure RP 6.5單調的形狀而言，也是一種驚喜。

5.更多交互條件：

包括關閉指定窗口、設置錨點以及更為靈活的事件觸發條件，對於移動互聯網產品原型設計有很大幫助。

8、墨刀局部滾動怎麼做

PS里做了一個長頁面的布局圖,導入PNG到墨刀,我把底部的擴展屏幕高度拉到和頁面長度對應了,也把旁邊的兩個箭頭拉到了對應位置了,可是在演示里依然不能滾動頁面,...

9、網頁設計用什麼軟體最好？

10、標題：原型設計中卡片式網頁設計技巧有哪些？

詳細滴卡片設計技巧：

卡片是我們隨處可見的小UI組件，原因很簡單，它們佔用的空間非常小，並且可以顯示足夠的信息，通常還有1-2種選項。

為什麼使用卡片：

卡片能夠存在和流行，因為它們本身擁有簡約的設計和良好的可用性，卡片將會繼續流行。

卡片作為切入點，可以進一步展示更詳細的信息。

卡片在視覺上也很令人愉悅，因為在大多數卡片上，卡片的圖像為卡片賦予了風格。

它們自動適應Web和移動視圖。

沒有太多認知負荷，畢竟卡片無處不在，用戶早已經很熟悉。

它們保持界面井然有序，且非常簡約。

1.了解構造

UI中的「卡片」就相當於物理世界的卡片。它們可充當容器，將內部信息組合起來。

該原型使用墨刀設計

2.陰影/描邊

陰影/描邊有助於呈現出卡片的形態，至於你是想使用陰影還是描邊，取決於UI的風格。

該原型使用墨刀設計

3.背景

卡片的好處在於：只要保證視覺上沒有太繁多的對比，卡片的背景你可以隨便「玩」。

該原型使用墨刀設計

4. 文本大小和重量

當字體較小時，用戶會傾向於「細讀」；而字體較大時，用戶更傾向於「跳讀」。如果字體粗細使用錯誤，會影響可用性和美觀性。

5.對比度

卡片確實很小，因此對比度在分割信息和優先順序方面起著重要作用。

6. 按鈕

可以使用普通按鈕、文本按鈕或圖標。在垂直卡片上，按鈕通常放置在底部上；在水平卡片上則是在右側或底側。

7.間距和空隙

在可聚焦元素之間添加適當的空隙，也留足夠的間距來對內部信息進行分組。

8.對焦和懸停。

要使卡片在滑鼠懸浮時更明顯，通常使用較暗的陰影或上升一點高度。

本文轉自由墨刀翻譯自Dorjan Vulaj 的8 rules for a perfect card design。

望採納 謝謝~