如何建立一套UI設計規範,如何建立一套 UI 設計規範

時間 2022-10-15 16:20:13

1樓:小武同學

1、尺寸

設計圖尺寸

雖說現在大多數人都是以750 (@2x) 為設計稿, 但是也還是有人720 (@2x) 的尺寸, 或是375 (@1x) 的尺寸, 比如我就是用的720,所以設計之初最先要定乙個統一的設計尺寸, 特別是多個設計師合作的時候, 千萬不要想當然的以為別人都和你一樣。

間距大小

間距包括頁邊距、模組與模組之間的間距, 這種全域性的間距大小必須要一致, 頁邊距的大小很好定, 基本上20、24、32居多, 根據產品特性定乙個統一的就好。

而模組與模組之間的間距就相對複雜一點, 在定之前需要先確定模組之間的分割方式, 是用線、還是面、還是留白, 然後再確定間距。

確定好模組與模組之間的分割方式後,還需要確定模組內部的,確定之後就要嚴格執行。

比如規範定的模組與模組之間用線,模組內部之間用留白,那後續所有頁面都需要按照這個規則來(特殊情況除外)。

2、標準色

顏色是設計最重要的部分,沒有之一。細節決定品質,所以對顏色的運用格外細緻,顏色的搭配直接決定產品的品質感。包括基礎標準色(主色)、基礎文本色, 還應該包括全域性標準色(背景色、分割線色值等)這些都需要標好色值以及使用的場景。

對顏色值統一規範命名變數,提高開發效率的同時更好的維護設計規範。

在前端開發中,對顏色值進行編號,這樣對**也有著極大的優化。定義乙個設計規範的css樣式庫,開發過程中就不用重複修改css引數值,直接引用定義好的變數名就可以,這樣修改設計規範的成本大大降低。

3、字型

字型是設計中必不可少的考慮因素,不同的字型氣質不一樣,並且不同場景下帶給人的感受也不一樣。所以需要在設計的時候考慮到字型的設計效果,然後在設計規範中註明。

在定義字型名稱的同時也定義了字型的風格,並且新增了不同字型風格的預覽效果,常見的字型風格有:light、regular、italic、semibold、bold。

還有一點也不能忘記,那就是行間距,不管是一行文字還是多行文字,我們都需要標註清楚行間距,也就是行高,如果是段落的話還需要標註段落間距。

所以為了避免團隊的其他成員忽略了文字的行間距,我們需要在做規範的時候標明,所有文字必須註明行間距。

4、段落設定

在實際的產品設計中,段落有很多種樣式,不同場景下的段落要求也不一樣。比如:閱讀內容的段落要求文字可閱讀性強,所以對字型、字型大小、顏色、行間距等要求簡單易讀。

而帶有裝飾性的段落文字則不需要那麼嚴謹,裝飾性強就可以。

需要注意的是:在定義段落預設字型的時候還需要定義乙個後備字型,即預設字型不能正常顯示情況下顯示的字型。設計的水平層次就在於對細節的打磨,這也就是段落規範在設計中存在的意義。

圖示具體分為以下三個作用:

圖示是與其它**鏈結以及讓其它**鏈結的標誌和門戶。

圖示是**形象的重要體現。

圖示能使受眾便於選擇。根據圖示大小和使用用途進行分類整理設計規範,這樣才更清晰明了。

如何建立一套 ui 設計規範

2樓:優才學院it培訓

軸在ui設計中是最基本、最常見的概念,也是用來組織介面結構的重要核心。簡單說來,軸是在設計的時候組織一系列元素的假象線,在下面的設計圖中,軸以虛線的方式被標註出來。

軸最常見於對稱元素的使用,當元素被布置成軸對稱的布局的時候,會給人有序感。就像生活中絕大多數的事情一樣,我們更傾向於享受有序的的東西,它們令人感覺平穩、舒適、平易近人。最簡單的乙個例子就是itunes 程式中的**列表的設計,所有的**列表在介面的左側保持對齊,圍繞虛線軸軸對稱。

如何建立一套自己的設計規範

如何建立一套 ui 設計規範

3樓:潭州教育

是建立你們行業的規範嗎,這個是可以的

要根據自己的行業情況來規定,當然總起的ui設計規範,ui設計行業的在網上有的,可以很容易找到的!

4樓:綠腰

藍湖的設計規範雲不錯,推薦下。

如何制定ui設計規範

5樓:ui中鵬

使用一致的標記、標準縮寫和顏色,顯示資訊的含義應該非常明確,使用者不必再參考其它資訊源。

顯示有意義的出錯資訊,而不是單純的程式錯誤**。

避免使用文字輸入框來放置不可編輯的文字內容,不要將文字輸入框當成標籤使用。

使用縮排和文本來輔助理解。

使用使用者語言詞彙,而不是單純的專業計算機術語。

高效地使用顯示器的顯示空間,但要避免空間過於擁擠。

保持語言的一致性,如「確定」對應「取消」,「是」對應「否」。

如何建立一套 ui 設計規範

6樓:潭州教育

是建立你們行業的規範嗎,這個是可以的

要根據自己的行業情況來規定,當然總起的ui設計規範,ui設計行業的在網上有的,可以很容易找到的!

如何建立一套 ui 設計規範

7樓:糖晶豆子

試試這個方法:

public listpagelisttwo(int currentpage, int showrows)

connection con = null;

preparedstatement ps = null;

resultset rs = null;

arraylistresultlist = new arraylist();

try{

如何建立一套 ui 設計規範

8樓:匿名使用者

若是你有基礎,比如是平面設計出身,ps,ai都很厲害,那麼就是缺乏互動方面的知識或者是其它的ui知識,那麼我建議可以去報乙個專項學習班,差哪兒補哪兒。當然也可以根據自身的情況選擇自學。不過一般轉行業說明你差不了那幾個錢,能夠花點錢幫助你快速轉行,相信還是非常划算的。

天津眾 維ui設計提供

如何建立 完善公司規章制度,如何建立一套完善的公司制度?

燕璟 公司規章制度在一家公司的地位和作用,等同於法律在一個國家的作用。所謂沒有規矩不成方圓,完備的規章制度,不僅可以幫助公司規避作業風險 減少損失,還可以擴充套件公司的無形資產 如商業祕密保護制度和智慧財產權管理制度 企業內部規章制度作為用人單位加強勞動管理,保障職工依法享有勞動權利和履行勞動義務的...

一套完整的手機ui設計,要包括哪些部分

北大青鳥 ui設計是使用者介面設計,所以一套完整的手機ui設計包括3個方向,他們分別是 使用者研究 互動設計 介面設計。1 使用者研究 使用者研究包含兩個方面 一是研究如何提高產品的可用性,使得系統的設計更容易被人使用 學習和記憶 二是通過可用性工程學的研究,發掘使用者的潛在需求,為技術創新提供另外...

如何看待當面一套背後一套的人,對於當面一套背面一套的人如何相處

莫殤 那些當面一套背後一套的人非常的虛偽,而且這些人內心裡面非常的自私,所以和這些人,首先還是要保持一定的距離,但是也沒有必要去揭穿她們,在生活中互相尊重就行啦。千萬不要去招惹他們,因為他們很有可能會傷害你。 鑫趣談娛樂 我認為當面一套背後一套的這種人可能在短時間內你會收到很多人的喜歡,但是在大家真...