原文:小程序UI設計(2)-符合視覺規范-字體規范

下圖是微信小程序官方要求字體規范根據此要求小程序設計工具定制了符合規范的組件。如下圖工具使用時,將左側組件拖拽到設計區域即可。字體大小和顏色都是按照規范設置的。在使用時根據微信要求在不同位置擺放即可。以下截圖是text組件使用范例 ...

2016-12-13 13:28 0 6899 推薦指數:

查看詳情

程序UI設計(5)-符合視覺規范-按鈕視覺規范

設計工具中,根據規范我們定義了大中小三種按鈕的尺寸大:720rpx *94rpx 圓角10px 字體18中:360rpx*70rpx 圓角8px 字體16 文字距離兩邊最小60:120rpx*60rpx 圓角6px 字體13 文字距離兩邊最小30這些按鈕都放在工具的模板中,如下圖: 微信中 ...

Tue Dec 13 21:36:00 CST 2016 0 4338
程序UI設計(4)-符合視覺規范-表單輸入視覺規范

下圖是微信官方的要求 按照程序UI設計(3)-符合視覺規范-列表視覺規范同樣的方式,我們可以設計一樣符合規范的輸入項目。規范中沒有說明padding-left的大小,我們暫定是15px。這樣最外層view的padding-left和padding-right都是15px。以 為例制作符合規范 ...

Tue Dec 13 21:35:00 CST 2016 0 2736
UI設計規范整理一iOS字體和切圖及規范

UI設計規范一iOS字體和切圖及規范 說明: 1.對象為程序員等開發人員。 2.方法有千種,僅供參考。 3.文檔的本質是備份與查看,對外方便協作與對內提升效率。 4.文檔不是萬能的,如果文檔查看對象看不懂,就沒任何意義。我喜歡當面溝通,因為能避免大部分文檔的局限性 ...

Wed Nov 08 21:49:00 CST 2017 0 6725
如何定義視覺設計規范

Effect:用來制作交互復雜的產品原型。 常見的手機APP視覺設計流程: ...

Tue Sep 15 05:20:00 CST 2015 0 1851
UI設計規范

文章從建立設計規范的原因、設計規范的適用范圍,以及設計規范的制作流程,全方位解答UI設計規范的問題。 這篇的基礎部分我做的比較詳細,組件部分寫的有些概括,主要是因為組件部分不是通用的,要根據自己的稿子進行整理和歸納,歸納好之后做好標注和規范說明即可,這部分是一個羅列 ...

Fri Mar 08 05:56:00 CST 2019 0 1010
Android UI 設計規范

1. 基礎常識 1.1 主流屏幕尺寸 標識 屏幕尺寸 hdpi ...

Thu May 10 17:54:00 CST 2018 0 2028
微信程序組件設計規范

微信程序組件設計規范 組件化開發的思想貫穿着我開發設計過程的始終。在過去很長一段時間里,我都受益於這種思想。 組件可復用 - 減少了重復代碼量 組件做為抽離的功能單元 - 方便維護 組件作為template使用,可以方便計算各種屬性而不是在wxml引入wxs 在日常的 ...

Mon May 24 22:15:00 CST 2021 0 578
 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM