成人亚洲综合,日韩高清一区二区三区五区七区,三级网址日本,亚洲激情成人,av成人在线电影,亚洲免费成人在线,超清首页国产亚洲丝袜

值得每個(gè)設(shè)計(jì)師收藏的《完美像素使用手冊(cè)》之原理篇

作者:
2016-08-05
1741

這本紀(jì)念碑谷團(tuán)隊(duì)出品的《完美像素使用手冊(cè)》,有設(shè)計(jì)師說(shuō)是她見(jiàn)過(guò)的最全面,最毫無(wú)保留,最生動(dòng)有趣的界面設(shè)計(jì)指南,而且不止是設(shè)計(jì),還包括和程序員的合作經(jīng)驗(yàn),AI、PS的操作小技巧等等?,F(xiàn)在終于有中文版了,強(qiáng)烈建議收藏閱讀。

這本紀(jì)念碑谷團(tuán)隊(duì)出品的《完美像素使用手冊(cè)》,有設(shè)計(jì)師說(shuō)是她見(jiàn)過(guò)的最全面,最毫無(wú)保留,最生動(dòng)有趣的界面設(shè)計(jì)指南,而且不止是設(shè)計(jì),還包括和程序員的合作經(jīng)驗(yàn),AI、PS的操作小技巧等等?,F(xiàn)在終于有中文版了,強(qiáng)烈建議收藏閱讀。

    今天是第一章節(jié):原理篇

    用戶

    你的首要關(guān)注重點(diǎn)始終是用戶。知道他們要什么,然后盡快搭建合適的架構(gòu)滿足用戶需求。要時(shí)刻牢記什么才是適合用戶的,比如,扁平化、網(wǎng)格、看起來(lái)高大上的頁(yè)面,這些受眾人群都比較年輕,而年紀(jì)比較大、玩不轉(zhuǎn)科技的用戶就喜歡偏擬物的設(shè)計(jì)。

    1.jpg

    環(huán)境

    環(huán)境不僅僅是只你設(shè)計(jì)的平臺(tái),還包括操作和使用它的物理空間。例如,電視機(jī)的使用參數(shù)跟手機(jī)就不一樣——看電視時(shí)人們離得比較遠(yuǎn),而且基本都在室內(nèi)遙控,通過(guò)遠(yuǎn)程操控它。同時(shí),這也意味著根據(jù)環(huán)境的不同,界面文本大小、配色、對(duì)比度等都要不同。

    2.jpg

    易用性

    易用性關(guān)系到你的每一個(gè)用戶,并不單指那些身體不便的特殊人群。

    對(duì)好的設(shè)計(jì)來(lái)說(shuō),易用、清晰是必須的,不過(guò)我們也會(huì)教給大家一些步驟和方法,讓那些即使有色覺(jué)缺陷或閱讀障礙的人群,也能輕松操作你的產(chǎn)品。之后會(huì)有一整章節(jié)做系統(tǒng)的說(shuō)明。

    3.jpg

    崩壞的情形

    這個(gè)原理與易用性有一定的聯(lián)系:確保您的產(chǎn)品在實(shí)際用戶手上不會(huì)崩壞。

    我們通常都會(huì)極力把文字或者圖片設(shè)計(jì)得漂亮,并且讓客戶印象深刻,但同時(shí)也要確保不會(huì)因?yàn)槲谋究蜻^(guò)長(zhǎng)、翻譯問(wèn)題、缺失圖像等因素?zé)o法使用、你可以炫技,但你更要確保細(xì)節(jié)。

    4.jpg

    功能可用性

    功能可用性意思就是說(shuō)通過(guò)一些感知的方式傳達(dá)物品的功能。

    比如,按鈕設(shè)計(jì)的稍微凸出一點(diǎn),門(mén)把手的大小和位置要適合抬手的高度之類的。這個(gè)技巧也可以增強(qiáng)交互。常用的可供性設(shè)計(jì)包括仿真按鈕的深度,在屏幕上像卷軸一樣的展開(kāi)出現(xiàn)的文字。

    5.jpg

    文案

    設(shè)計(jì)中的文字內(nèi)容和樣式本身一樣重要。

    好的文案讓app更容易理解,并也比較有個(gè)性。就像是跟人說(shuō)話一樣,而不是一個(gè)木訥的機(jī)器人,還能創(chuàng)造出和用戶的情感聯(lián)系,提升產(chǎn)品的用戶體驗(yàn)。

    6.jpg

    顏色和形狀

    某些顏色和形狀在設(shè)計(jì)里已經(jīng)有固定的含義了,忽視這種約定俗成的東西,會(huì)讓用戶產(chǎn)生混亂。

    綠色和“√”意味著好,紅色和“×”意味著不好,不能混淆。同樣,黃色和三角形通常是警示,藍(lán)色和圓圈一般都表示有詳細(xì)內(nèi)容。

    7.jpg

    視覺(jué)層次

    布局、顏色和字體排版對(duì)吸引眼球和信息傳達(dá)有很大的影響。要思考你想讓用戶在頁(yè)面上看到什么,按什么順序看,然后就按照這個(gè)重要性的等級(jí)來(lái)設(shè)計(jì)。

    可以用對(duì)比色、粗體、大號(hào)字等等各種手段來(lái)吸引眼球。當(dāng)然,也要考慮文化背景。比如說(shuō),西方人習(xí)慣從屏幕左上方開(kāi)始閱讀,那你設(shè)計(jì)就要按照這個(gè)優(yōu)先級(jí)來(lái)。

    8.jpg

    字體排版

    字體排版通常會(huì)被忽視(字體、字號(hào)、縮進(jìn)、間距等),由于大部分信息都是通過(guò)文本表達(dá)的,所以這點(diǎn)很重要。

    在其他媒介上,也要注意這個(gè)基本原則:大小是否合適?行距和單行文本長(zhǎng)度能否讓用戶舒適的閱讀?不要遷就不合理的字體設(shè)置——對(duì)待文字也要有基本的尊重。

    9.jpg

    動(dòng)效

    越來(lái)越好的硬件不僅讓設(shè)計(jì)看起來(lái)不錯(cuò),而且動(dòng)效也更加精美。

    小動(dòng)效能夠加強(qiáng)界面,讓界面看起來(lái)更有個(gè)性,還能切中產(chǎn)品功能。比如,你想讓用戶注意到你設(shè)計(jì)的一個(gè)新按鈕,那你可以設(shè)計(jì)一個(gè)定時(shí)、周期性的跳躍來(lái)博眼球。

    10.jpg

    測(cè)試

    測(cè)試才是王道。電腦不同,屏幕分辨率、硬件、可看視角、錄入方法都不同。有很多預(yù)覽工具都能直接把你的設(shè)計(jì)辦到終端設(shè)備上,而且能實(shí)時(shí)更新。要用!趕緊地!

    11.jpg

    畫(huà)原型圖

    原型圖和測(cè)試緊密聯(lián)系,原型圖可以把你的想法和設(shè)計(jì)迅速表現(xiàn)出來(lái)。

    它的形式也是多種多樣的,可以簡(jiǎn)單的在紙上畫(huà)畫(huà),也可以在電腦上畫(huà)。紙上畫(huà)草圖是非常簡(jiǎn)單的,要是用動(dòng)畫(huà)表現(xiàn),你還要用視頻或者代碼呢。

    12.jpg

    結(jié)構(gòu)

    沒(méi)有人是孤立的,電腦里的文件也是這樣。

    好的組織結(jié)構(gòu)可以節(jié)省很多時(shí)間。文件整理得好或者分層設(shè)計(jì)得好,對(duì)于其他設(shè)計(jì)師來(lái)說(shuō)會(huì)更一目了然,而且開(kāi)發(fā)人員也很樂(lè)意看到有邏輯性的命名。

    13.jpg

    休息一下,期待下一篇



    0
    2
    分享到:

    0

    喜歡他,就推薦他上首頁(yè)吧^_^

    推薦閱讀

    ×

    賽事服務(wù)聯(lián)系方式

    0371-86068866

    4008887269

    cndesign@163.com

    好的,我知道了

    官方微信

    聯(lián)系我們

    • QQ:33143335 QQ:1904200230
    • 電話:18569912460
    • 投稿:cndesign@163.com
    • 地址:鄭州市國(guó)家大學(xué)科技園東區(qū)9號(hào)樓2層

    版權(quán)信息

      移動(dòng) Android 版 豫 ICP 備16038122號(hào)-2 豫公網(wǎng)安備 41019702002261號(hào)