小程序UI設計（2）-符合視覺規范-字體規范
下圖是微信小程序官方要求字體規范 根據此要求小程序設計工具定制了符合規范的組件。如下圖 工具使用時，將左側組件拖拽到設計區域即可。字體大小和顏色都是按照規范設置的。在使用時根據微信要求在不同位置擺放即可。以下截圖是text組件使用范例 ...
原文：小程序UI設計（5）-符合視覺規范-按鈕視覺規范
在設計工具中，根據規范我們定義了大中小三種按鈕的尺寸大： rpx rpx 圓角 px 字體 中： rpx rpx 圓角 px 字體 文字距離兩邊最小 小： rpx rpx 圓角 px 字體 文字距離兩邊最小 這些按鈕都放在工具的模板中，如下圖：微信中固定按鈕type有三種，primary 綠色，default 灰色，warn 紅色。size分為default和mini。鏤空效果是plain參數。使 ...
2016-12-13 13:36 0 4338 推薦指數：
相關推薦
小程序UI設計（4）-符合視覺規范-表單輸入視覺規范
下圖是微信官方的要求 按照小程序UI設計（3）-符合視覺規范-列表視覺規范同樣的方式，我們可以設計一樣符合規范的輸入項目。規范中沒有說明padding-left的大小，我們暫定是15px。這樣最外層view的padding-left和padding-right都是15px。以 為例制作符合規范 ...
如何定義視覺設計規范？
Effect：用來制作交互復雜的產品原型。 常見的手機APP視覺設計流程： ...
【網址收藏】京東視覺圖片視頻規范
京東主圖視覺規范：https://pro.jd.com/mall/active/SLULn5voab5iB92t9ZLCDUCTBks/index.html京東詳情頁視覺規范：https://pro.jd.com/mall/active/4JYzprQ4zPBmFSjBKPc1J9uvsg2n ...
UI設計規范
文章從建立設計規范的原因、設計規范的適用范圍，以及設計規范的制作流程，全方位解答UI設計規范的問題。 這篇的基礎部分我做的比較詳細，組件部分寫的有些概括，主要是因為組件部分不是通用的，要根據自己的稿子進行整理和歸納，歸納好之后做好標注和規范說明即可，這部分是一個羅列 ...
2015最新移動App設計尺寸視覺規范【圖文版】(轉)
如今手機app的屏幕設計尺寸參差不齊，仿佛來到了移動界面尺寸戰國時代，每家移動設備制造公司都為了迎合大眾的口味，各家都在2014年大放光彩。2015年也將會是我們移動APP設計界快速發展的一年。 因為給我們的挑戰越來越大，如何應付這么挑戰，我們必須知道2015最新移動App設計尺寸視覺規范 ...
理解UI設計准則——邊界視覺缺陷
如需轉載，請注明出處http://www.cnblogs.com/PengLee/p/4544706.html 目錄 位於視覺邊界的錯誤信息 讓用戶注意到信息的重武器：請小心使用 在設計中利用邊界視野的“跳入”特性 位於視覺邊界的錯誤信息 人的視網膜上的中央 ...
Android UI 設計規范
1. 基礎常識 1.1 主流屏幕尺寸 標識 屏幕尺寸 hdpi ...