APP定制開發(fā)界面設(shè)計(jì)原則
- 編輯:admin -文字的設(shè)計(jì)上, 首先是字號(hào), 字的大小, 有效的區(qū)分出信息的重要級(jí)別, 其次是行寬與行高的比例, 遵循從左到右的原則, 左對(duì)齊, 居中對(duì)齊, 兩端對(duì)齊, 減少不必要的文字對(duì)比反差, 調(diào)整合理的字間距, 最后是留白, 適當(dāng)?shù)牧舭? 相對(duì)的空間關(guān)系, 增加信息的易讀性。所以在字體設(shè)計(jì)上, 我們盡量遵循行內(nèi)的視覺(jué)流暢平順, 空間層級(jí)邏輯明確, 對(duì)比應(yīng)用適當(dāng)這三個(gè)原則。
(一) 圖標(biāo)文字的應(yīng)用圖標(biāo)通常是有效直接的表現(xiàn)方式, 功能Icon的設(shè)計(jì), 在APP界面設(shè)計(jì)中每一個(gè)圖標(biāo)都具體功能性, 用以表達(dá)某一操作或功能的示意的圖形, 原則盡可能形象化、簡(jiǎn)潔性、識(shí)別性、隱喻性以準(zhǔn)確表達(dá)其代表的功能。用戶對(duì)圖標(biāo)的認(rèn)識(shí)快速找到想要的功能及需求, 在設(shè)計(jì)圖標(biāo)應(yīng)使用矢量圖形, 矢量圖形可以隨便時(shí)進(jìn)行尺寸調(diào)整, 放大后不會(huì)失真, 保證畫面的清晰度。
文字的設(shè)計(jì)上, 首先是字號(hào), 字的大小, 有效的區(qū)分出信息的重要級(jí)別, 其次是行寬與行高的比例, 遵循從左到右的原則, 左對(duì)齊, 居中對(duì)齊, 兩端對(duì)齊, 減少不必要的文字對(duì)比反差, 調(diào)整合理的字間距, 最后是留白, 適當(dāng)?shù)牧舭? 相對(duì)的空間關(guān)系, 增加信息的易讀性。所以在字體設(shè)計(jì)上, 我們盡量遵循行內(nèi)的視覺(jué)流暢平順, 空間層級(jí)邏輯明確, 對(duì)比應(yīng)用適當(dāng)這三個(gè)原則。

(二) 布局原理規(guī)則
首先, Logo放置每頁(yè)相同位置, 數(shù)據(jù)內(nèi)容按主次先后有序排列, 重要信息放置主頁(yè)及界面中等偏上的位置, 遵循人們從上到下, 從左到右的閱讀習(xí)慣, 主頁(yè)長(zhǎng)度適度, 其他頁(yè)面也不宜過(guò)長(zhǎng), 頁(yè)面盡量采用分頁(yè)。第二, 明確每個(gè)頁(yè)面需突出的重要信息, 可以通過(guò)色彩、顏色、圖形、文字大小、間距、留白等進(jìn)行對(duì)比區(qū)別, 拉開層次, 突出顯示重要信息。第三, 導(dǎo)航盡量采用底部導(dǎo)航或一側(cè)導(dǎo)航。有利于用戶引導(dǎo)和了解頁(yè)面布局, 不占左右空間。
(三) 交互設(shè)計(jì)原則
APP的交互設(shè)計(jì), 就設(shè)計(jì)者在設(shè)計(jì)操作界面時(shí)需按照人們使用手機(jī)的習(xí)慣設(shè)計(jì)。讓用戶在與APP交互過(guò)程中, 體驗(yàn)到產(chǎn)品的可靠性、易用性及趣味性??煽啃灾赣脩粼诓僮鲿r(shí)軟件的穩(wěn)定性, 不會(huì)出現(xiàn)閃退、延遲等基本錯(cuò)誤。易用性指的操作簡(jiǎn)單化, 讓不同年齡段的用戶都能快速上手, 簡(jiǎn)單化清晰化的操作, 可增加用戶對(duì)產(chǎn)品的操作信心, 減少產(chǎn)品的使用差錯(cuò)率。
(四) 色彩搭配技巧
色彩在界面設(shè)計(jì)中扮演者重要的角色, 一個(gè)好的手機(jī)APP設(shè)計(jì)作品, 顏色搭配占到70%左右, 其他的30%左右分給了排版, 文字設(shè)計(jì), 圖形處理等, 合理的色彩應(yīng)用可以增加界面的條理性, 起到強(qiáng)調(diào)作用, 能幫助操作者快捷的發(fā)現(xiàn)界面的重點(diǎn)信息, 取得較好的視覺(jué)效果。




