亚洲AV免费看深爱成人|日韩av另类一级特黄片在线|中国免费一级黄片|国产av一二三区|亚洲有码AV在线|久久亚洲国产日韩欧美|成人免费AV网站|婷婷一区综合一区|亚洲AV无码导航|高级欧美成人网站

高校合作1：010-59833514 ?咨詢電話：400-810-1418 服務(wù)與監(jiān)督電話：400-810-1418轉(zhuǎn)接2

我的設(shè)計成長筆記—第11篇(UI設(shè)計1)

發(fā)布時間：2023-12-26 20:56:42 瀏覽量：176次

UI設(shè)計1

2019年5月11日

今天是我距離30歲的倒數(shù)第305天

這里是我的設(shè)計成長筆記

—————————————————

經(jīng)歷過之前的成長后，開始正式接觸UI設(shè)計，

主要還是因為市場缺口的原因，

移動互聯(lián)網(wǎng)的普及，讓UI設(shè)計如火如荼，再加上大眾創(chuàng)業(yè)萬眾創(chuàng)新的政策，好像全民都在做app了。

在加上資本的錢都開始流向這邊，果斷投身到了行業(yè)大軍中去。

最開始的時候也是迷茫的，

雖然有了一些電商設(shè)計的基礎(chǔ)，知道一些尺寸，適配的問題，但是對這個行業(yè)的認知還是空白的。沒有框架，沒有基礎(chǔ)，對于想步入這個行業(yè)來講還是有些困難的，好在設(shè)計思維邏輯的基礎(chǔ)讓我沒有最開始學設(shè)計的時候那么慌張。

首先是了解這個行業(yè)

前期買了好多書籍資料，但是感覺沒什么用，原因是UI設(shè)計屬于這些年才發(fā)展起來的，大家都是在摸索過程，走在前面的人總結(jié)的經(jīng)驗寫成了書，但是隨著技術(shù)的更新，很多經(jīng)驗已經(jīng)不適應(yīng)當下的情況了，所以學UI不建議買太多書，包括學軟件的書我也不建議買，反正我買了挺多也就最開始入門的時候感覺能學點，后來就越來越覺得這些東西網(wǎng)上都能查的到，當然如果你搜索引擎用的實在不好，那就買吧，花錢節(jié)約時間。

UI設(shè)計（或稱界面設(shè)計）是指對軟件的人機交互、操作邏輯、界面美觀的整體設(shè)計。UI設(shè)計分為實體UI和虛擬UI，互聯(lián)網(wǎng)說的UI設(shè)計是虛擬UI，UI即User Interface(用戶界面)的簡稱。

UI設(shè)計的職能包含三塊：圖形設(shè)計、交互設(shè)計、用戶研究

圖形設(shè)計負責落地的界面設(shè)計，交互設(shè)計負責操作流程、軟件結(jié)構(gòu)、操作規(guī)范等，用戶研究負責調(diào)研測評提供佐證。

這樣其實還是很難理解，先了解一下即可。

我的學習方法是帶著問題去學，所以我了解了大致后，就以我想做一個app的問題出發(fā)了。

在這個問題引導下，我開始搜集這個行業(yè)的工作流程是什么，如果需要做一個app需要準備哪些材料，需要使用哪些軟件等等。

大問題拆分成小問題，逐個擊破

先是工作流程，開發(fā)一個app需要的工作是首先你得有個idea，知道自己要做什么類型的app，這個app可以解決什么問題，（這個階段其實就是用戶研究的階段了）我仍然沿用之前做設(shè)計的思維邏輯，選定好自己要做的類型后，搜集競品，看、想、記錄。

做了一些記錄，畫了一些草圖（后來發(fā)現(xiàn)這些草圖就是產(chǎn)品經(jīng)理所說的線框圖）

把這些草圖一張一張的聯(lián)系起來就成了術(shù)語里的交互流程圖

最終做出來的簡單版方案就成了原型（那時候感覺做個app也挺容易的，但是越往后越覺得自己想多了）

有了原型之后，就開始查怎么落地，發(fā)現(xiàn)各種手機型號、尺寸、分辨率一下就懵逼了，以前用的都是pt、px現(xiàn)在又多出來個dp。

算了，一個一個解決吧。先把這些不懂的名詞理解了在往下進行。

先是單位

px： pixel，像素，電子屏幕上組成一幅圖畫或照片的最基本單元

pt: point，點，印刷行業(yè)常用單位，等于1/72英寸

ppi: pixel per inch，每英寸像素數(shù)，該值越高，則屏幕越細膩

dpi: dot per inch，每英寸多少點，該值越高，則圖片越細膩

dp: dip，Density-independent pixel, 是安卓開發(fā)用的長度單位，1dp表示在屏幕像素點密度為160ppi時1px長度

sp: scale-independent pixel，安卓開發(fā)用的字體大小單位。

好了，看了這個我還是懵逼的

分一分類吧


設(shè)計稿其實就是用px，dp是在安卓開發(fā)的時候轉(zhuǎn)換使用的，安卓的多樣和手機屏幕像素密度的不同，為了設(shè)計圖能夠適配不同的設(shè)備屏幕，所以有了這么一個單位。（很多的混淆都是在這里發(fā)生的。這個問題不清楚會導致后期的切圖適配得不到想要的效果）



比如設(shè)計師像素為單位畫了一個4PX*4PX的icon，在160dpi和320dpi的兩種屏幕上會顯示完全不同。（引用于墨刀，下方附參考鏈接）

為了避免這種情況，所以這個單位的作用就是倍數(shù)




類似于等比放大，然后根據(jù)這個倍率切出相應(yīng)的倍數(shù)圖就好了。

隨著技術(shù)的發(fā)展，現(xiàn)在已經(jīng)不需要那么麻煩了，藍湖、墨刀等這類工具都很方便。

記住常用的尺寸就好了

比如ios開發(fā)就用375*667、安卓就用720*1280，雙系統(tǒng)互通的話稍微調(diào)整一下就好了

在這之后就開始研究IOS和安卓的基本規(guī)范（界面尺寸、布局、控件、icon、字體）

在學UI的過程中發(fā)現(xiàn)規(guī)范越來越重要，很多錯誤都是因為沒有按照規(guī)范制作發(fā)現(xiàn)的，然后一個坑接著一個坑就出來了，之后我們再慢慢聊。

好啦，就醬～拜拜

——————————————————————

熱門課程推薦

熱門資訊

請綁定手機號

獲取驗證碼
x

同學您好！

您已成功報名0元試學活動，老師會在第一時間與您取得聯(lián)系，請保持電話暢通！
確定