QT中UI設計方略

2021-06-18 02:27:56 字數 785 閱讀 4909

在近期對產品ui的更新換代中, 有一些關於嵌入式產品ui設計的體會, 在這裡記錄一下, 希望可以給大家乙個思路.

現代的ui產品設計一般都會體現簡潔, 明快, 使用者體驗感覺好等. 這就對ui的設計提出了比較高的要求.

1. ui design review

在ui 設計初期, 一方面是ui布局要做到簡潔,方便, 另一方面, source code engineer也需要review ui layout,看是否能在**中實現. 經過來回幾次的review,最終得到乙個都能接受的結果. 這個結果在後續的實現中, 需要做到不再修改大的flow, 只做小的區域性的調整.

2. png

3. 多使用list列表來做選擇專案

在設計中, 可以完全避免使用類似combox這樣複雜的控制項, 你寧可多用幾行文本來列出可以選擇的選項, 也比combox來得直觀方便.

最多可以用radio button這樣的按鈕來處理二選一的情況.

4. 每個頁上, 不要放過多的內容, 這樣會讓使用者覺得更好理解,更好操作.

5. 完全可以用full-screen的對話方塊來代替pop up對話方塊.

彈出框會給人乙個很突兀的感覺

6. 可以用ui軟鍵盤來基本代替遙控器輸入, 避免使用者低頭在黑暗中摸著遙控器找按鍵.左右上下/ok鍵應該就能基本完成操作了.

7. 按鈕的風格應該使用image + text的方式. 即將text迭加在image上, 這樣有利於支援多國語言, 這樣button的底圖可以不用換. 否則的話, 將是一件痛苦的事情.

在很多方面itv的設計是很不錯的,值得多借鑑.

Qt中ui檔案的使用

用designer設計的 ui檔案可以通過uic工具轉換為 h檔案 在編譯時也會自動生成這樣乙個ui h檔案 有了這個.h檔案就可以直接按照純c 的方式對其中的類進行呼叫。ui檔案的使用就是利用預設工具uic自動產生乙個類,然後用該類的setui函式載入介面到相應的物件上。ui檔案的使用有三種形式 ...

VS使用QT設計師設計的UI

1.新建ui,儲存為ab.ui,把檔案放在專案的ui路徑中。2.在 vs加入 ab.ui 檔案,例如 3.編譯一下,會生成乙個ui ab.h的檔案。執行的命令行為 qtdir bin uic.exe o generatedfiles ui filename h fullpath 右鍵 ui檔案,選屬...

UI設計 UI設計文件

今天不想說ui設計原理和原則,只想說文件內容。乙個solo族,可能根本不會理睬這種文件,因為他的idea完全在腦中,自己來實現就ok了。而在乙個團隊協作過程中,產品設計部門就有很高的必要把這個文件寫好了。應該有哪些內容呢,ui流程 對應操作流程 效果層次 可觸發的區域性介面。曾經見過一位前輩做的介面...