火星網校
我的設計成長筆記—第11篇(UI設計1)
發(fā)布時間：2023-12-26 20:56:42 瀏覽量：155次
UI設計1
2019年5月11日
今天是我距離30歲的倒數第305天
這里是我的設計成長筆記
—————————————————
經歷過之前的成長后，開始正式接觸UI設計，
主要還是因為市場缺口的原因，
移動互聯網的普及，讓UI設計如火如荼，再加上大眾創(chuàng)業(yè)萬眾創(chuàng)新的政策，好像全民都在做app了。
在加上資本的錢都開始流向這邊，果斷投身到了行業(yè)大軍中去。
最開始的時候也是迷茫的，
雖然有了一些電商設計的基礎，知道一些尺寸，適配的問題，但是對這個行業(yè)的認知還是空白的。沒有框架，沒有基礎，對于想步入這個行業(yè)來講還是有些困難的，好在設計思維邏輯的基礎讓我沒有最開始學設計的時候那么慌張。
首先是了解這個行業(yè)
前期買了好多書籍資料，但是感覺沒什么用，原因是UI設計屬于這些年才發(fā)展起來的，大家都是在摸索過程，走在前面的人總結的經驗寫成了書，但是隨著技術的更新，很多經驗已經不適應當下的情況了，所以學UI不建議買太多書，包括學軟件的書我也不建議買，反正我買了挺多也就最開始入門的時候感覺能學點，后來就越來越覺得這些東西網上都能查的到，當然如果你搜索引擎用的實在不好，那就買吧，花錢節(jié)約時間。
UI設計（或稱界面設計）是指對軟件的人機交互、操作邏輯、界面美觀的整體設計。UI設計分為實體UI和虛擬UI，互聯網說的UI設計是虛擬UI，UI即User Interface(用戶界面)的簡稱。
UI設計的職能包含三塊：圖形設計、交互設計、用戶研究
圖形設計負責落地的界面設計，交互設計負責操作流程、軟件結構、操作規(guī)范等，用戶研究負責調研測評提供佐證。
這樣其實還是很難理解，先了解一下即可。
我的學習方法是帶著問題去學，所以我了解了大致后，就以我想做一個app的問題出發(fā)了。
在這個問題引導下，我開始搜集這個行業(yè)的工作流程是什么，如果需要做一個app需要準備哪些材料，需要使用哪些軟件等等。
大問題拆分成小問題，逐個擊破
先是工作流程，開發(fā)一個app需要的工作是首先你得有個idea，知道自己要做什么類型的app，這個app可以解決什么問題，（這個階段其實就是用戶研究的階段了）我仍然沿用之前做設計的思維邏輯，選定好自己要做的類型后，搜集競品，看、想、記錄。
做了一些記錄，畫了一些草圖（后來發(fā)現這些草圖就是產品經理所說的線框圖）
把這些草圖一張一張的聯系起來就成了術語里的交互流程圖
最終做出來的簡單版方案就成了原型（那時候感覺做個app也挺容易的，但是越往后越覺得自己想多了）
有了原型之后，就開始查怎么落地，發(fā)現各種手機型號、尺寸、分辨率一下就懵逼了，以前用的都是pt、px現在又多出來個dp。
算了，一個一個解決吧。先把這些不懂的名詞理解了在往下進行。
先是單位
px： pixel，像素，電子屏幕上組成一幅圖畫或照片的最基本單元
pt: point，點，印刷行業(yè)常用單位，等于1/72英寸
ppi: pixel per inch，每英寸像素數，該值越高，則屏幕越細膩
dpi: dot per inch，每英寸多少點，該值越高，則圖片越細膩
dp: dip，Density-independent pixel, 是安卓開發(fā)用的長度單位，1dp表示在屏幕像素點密度為160ppi時1px長度
sp: scale-independent pixel，安卓開發(fā)用的字體大小單位。
好了，看了這個我還是懵逼的
分一分類吧
設計稿其實就是用px，dp是在安卓開發(fā)的時候轉換使用的，安卓的多樣和手機屏幕像素密度的不同，為了設計圖能夠適配不同的設備屏幕，所以有了這么一個單位。（很多的混淆都是在這里發(fā)生的。這個問題不清楚會導致后期的切圖適配得不到想要的效果）
比如設計師像素為單位畫了一個4PX*4PX的icon，在160dpi和320dpi的兩種屏幕上會顯示完全不同。（引用于墨刀，下方附參考鏈接）
為了避免這種情況，所以這個單位的作用就是倍數
類似于等比放大，然后根據這個倍率切出相應的倍數圖就好了。
隨著技術的發(fā)展，現在已經不需要那么麻煩了，藍湖、墨刀等這類工具都很方便。
記住常用的尺寸就好了
比如ios開發(fā)就用375*667、安卓就用720*1280，雙系統(tǒng)互通的話稍微調整一下就好了
在這之后就開始研究IOS和安卓的基本規(guī)范（界面尺寸、布局、控件、icon、字體）
在學UI的過程中發(fā)現規(guī)范越來越重要，很多錯誤都是因為沒有按照規(guī)范制作發(fā)現的，然后一個坑接著一個坑就出來了，之后我們再慢慢聊。
好啦，就醬～拜拜
——————————————————————
熱門課程推薦
熱門資訊
-
1. iPhone6的UI設計尺寸規(guī)范，原來如此重要！
想要了解iPhone6界面設計的尺寸規(guī)范嗎？這里為您詳細介紹iPhone6的UI設計尺寸規(guī)范，包括界面尺寸、圖標尺寸、可點擊高度規(guī)范、搜索欄高度規(guī)范以及界面元素之間的距離規(guī)范。
-
2. 12個絕佳的UI設計網站，助力你的創(chuàng)作之旅!
將為大家介紹12個絕佳的UI設計網站,這些網站不僅可以為你提供靈感,還可以幫助你學習新的技巧,助力你的創(chuàng)意之旅!dribbbleDribbble 是一個面向設計師的...
-
3. 移動端UI設計中常見的5種APP界面類型，你get到了嗎？
通過介紹移動端UI設計中的閃屏頁、引導頁、浮層引導頁、空白頁和首頁等5種APP界面類型，幫助大家更好地了解UI設計的基本知識
-
怎樣可以提升你的UI設計能力!第一個:站酷站酷想必是設計師都知道的一個網站,里面不止有UI設計的資源,還有其他設計的,不如:平面設計、網頁設計、字體...
-
在移動端設計中,列表頁和表單頁是不可或缺的部分。一個好的列表頁和表單頁設計能夠讓用戶輕松地獲取信息并產生點擊欲望,從而提高點擊率。本文將為你...
-
對于想要提高自己的設計能力和創(chuàng)造力的小白和UI設計師來說,這本書是一個很好的選擇。4.《設計的覺醒》(IKKO TANAKA)推薦理由: 這本書是日本現代平面...
-
探索零基礎UI設計培訓的時長與薪資前景。了解數字藝術教育領域的專業(yè)課程，以及培訓后的職業(yè)發(fā)展機會。
-
8. 物聯網APP UI設計:創(chuàng)造智能硬件領域的沉浸式體驗
ui設計應該讓用戶一目了然,能夠快速找到所需的信息和功能。在設計過程中,應盡量使用簡潔的圖標、文字和色彩,避免過多的視覺干擾。符合用戶習慣:ui設...
-
想了解武漢UI設計培訓班的費用是多少嗎？不知道學UI設計要花多少錢？不妨看看這篇文章，了解UI設計培訓班的學費價格以及學習內容。
-
10. 設計中的色彩心理學:淺析中西方色彩的歷史演變與設計應用
摘要:本文探討了色彩的歷史演變和設計應用。通過對色彩在早期文明社會中的實用運用、不同文化背景下色彩觀念的差異、色彩在設計中的重要性以及新興技...
