首 頁 > 營銷推廣>網絡推廣

提升按鈕設計體驗的三大設計原則

2018/10/10 0:02:33 分類:網絡推廣 作者:admin 來源: 閱讀:71

QQ截圖20181009153917.jpg

圖片版權所屬:站長之家

按鈕屬性解剖

即时比分篮球 www.mnqyh.com.cn 按鈕對于UI新手就是一個簡單的長方形矩形,設計時會忽略按鈕設計要注意的細節,甚至標注時候遺漏一些需要標注的參數,導致開發產生偏差,視覺還原度不好。

按鈕在表面看的屬性從遠到近是顏色、形狀、字體,但是真正的按鈕屬性并不止這么簡單的這三個屬性。

這里我以標注一個簡單按鈕為例,分析下按鈕應考慮的屬性。

由此可以推斷出按鈕的有六大屬性:顏色/形狀/字體/大?。隊埃舭?。

無論是幾個互聯網巨頭的設計規范,以及最近新出的谷歌規范,能看到關于組件部分,第一個組件設計的就是按鈕。

在做標注時,我們經常就會忽略一個最重要的使用規則,按鈕中的內間距,還有按鈕外間距,這決定了按鈕跟其他元素的合理距離。

在原子理論里UI組件最基礎的元素從原子開始的。

按鈕就是最簡單的原子,通過按鈕的可繼承屬性(按鈕高度,按鈕圓角,按鈕文字字號等屬性)。為了排版布局的整齊和一致,其他原子(輸入框、單選多選框、搜索條等)也會繼承這些屬性,因此按鈕在設計語言的組件設計中占有舉足輕重的地位。

因此當我們在設計語言中定義按鈕時,一定要思考這六大屬性,它不單純影響自己的呈現,還影響了其他原子的屬性。

按鈕的設計原則

了解按鈕設計的這六大屬性,我們就能設計好按鈕了么?

當然沒這么簡單,我歸納了三大設計原則,遵循設計原則,才能保證按鈕真正實現它的商業價值和用戶價值。

1. 按鈕的可點性

UI界面中如果需要用戶理解設計越長可用性就越差。設計必須在考慮把界面做得酷炫前,讓用戶知道按鈕是“可點擊的”。

因此按鈕至少要考慮從形、色、字上創建識別為可點擊的按鈕。

多種形狀按鈕 圖片來源Dribble



著作權歸作者所有。
商業轉載請聯系作者獲得授權,非商業轉載請注明出處。
作者:站長之家編輯
鏈接:https://www.chinaz.com/web/2018/1009/944024.shtml
來源:站長之家
1.遵循行業規范,任何轉載的稿件都會明確標注作者和來源;
2.原創文章,請轉載時務必注明文章作者和來源,不尊重原創的行為或將追究責任;
3.作者投稿可能會經編輯修改或補充。
{ganrao} 大众麻将四人麻将 秒秒彩输死人 广东十一选五推荐 亿牛配资 2014世界杯即时赔率 29选7开奖记录 广西十一选五走势 足球比分直播网皇冠网 斗棋河南麻将下载安装 福建十一选五彩票 5分pk10最精准计划 天津快乐10分前三直高人 私募分级基金配资 大赢家手机比分网 安徽11选5专家推荐 南海七星彩论坛