當學會了這“3招”UI版式，整個人都精神了

發(fā)布時間：2023-12-01 15:41:06 瀏覽量：201次

編輯導語：隨著互聯(lián)網(wǎng)行業(yè)的快速發(fā)展，各種APP也開始應運而生，現(xiàn)在不論是哪個行業(yè)，關于UI設計師都是一個必要的崗位，設計好板式是很重要的一項工作，那怎樣可以設計出屬于自己的版式呢，本文就來為大家聊一聊！

每次拿到原型開始設計，總是沒有好的想法；每次做出來的設計，不是同質化，就是很平庸，該如何破局？

這是80%的設計師目前的現(xiàn)狀，設計好的UI版式真的很難么？答案顯然是否定的。

如果，大家經(jīng)常去關注一些前沿設計作品，設計概念，你就會發(fā)現(xiàn)別人的設計其實也沒用什么牛逼的技法，就是普通的版式，也可以設計感很強。

他們到底怎么做到的？

下面我來給你拆解3個方向，尤其是第二個，很容易學；但，就是越簡單的東西，越容易被忽略。

一、圖文序列

圖形與文字版式組合創(chuàng)新設計，形成可見的幾何序列或者幾何矩陣，從而達到增強設計版式的視覺效果。

比如，我們常見的線條序列幾何、或者塊面序列幾何、點陣序列幾何。

很多人說，這些我都知道，但是靈感從哪里來？我們做UI設計不一定只看這個領域的參考。

比如，我們可以去看看平面、品牌、建筑、裝置藝術、概念藝術、街頭藝術、建筑藝術。

來看個例子，下面這張平面海報的設計。

將圖形與文字混合穿插排版，增強了形式感與版式感，這樣的思路我們在UI版式中也可以使用。

這種設計手法特征關鍵詞：穿插組合、幾何序列、疊加序列、重復序列。

下面，我們看幾個案例。

大量重復使用幾何線條序列，區(qū)分信息層級的同時，還增加了版式感。

重復幾何序列矩陣，疊加，重復切割。

Nike Run Club

二、比大更大

大小對比，我們從學設計時，就已經(jīng)知道了，但就是用不好。

因為大家，把大小對比理解成就是放大或者縮小兩者之間的差距，這個理解只能說正確一半。

我們要真正意義上理解大小對比，應該是需要更大，再大一些，形成鮮明的對比。

Short Waves Festival

Tech Central

雜志設計，大家應該都看過，之所以雜志周刊很有版式感、設計感，是因為他們設計大膽。

比如，字體喜歡用大號文字，這樣更顯得直觀、清晰，在視覺上產(chǎn)生強烈的對比沖突，喚起思考。

下面，我們來看看在UI中的應用案例。

上一篇北師大未來設計學院在第六屆中國教博會發(fā)布五項PBL大挑戰(zhàn)項目

下一篇 UI設計新手，該怎么按“規(guī)則”做設計

熱門課程推薦

熱門資訊

1. iPhone6的UI設計尺寸規(guī)范，原來如此重要！

想要了解iPhone6界面設計的尺寸規(guī)范嗎？這里為您詳細介紹iPhone6的UI設計尺寸規(guī)范，包括界面尺寸、圖標尺寸、可點擊高度規(guī)范、搜索欄高度規(guī)范以及界面元素之間的距離規(guī)范。
2. 12個絕佳的UI設計網(wǎng)站，助力你的創(chuàng)作之旅!

將為大家介紹12個絕佳的UI設計網(wǎng)站,這些網(wǎng)站不僅可以為你提供靈感,還可以幫助你學習新的技巧,助力你的創(chuàng)意之旅!dribbbleDribbble 是一個面向設計師的...
3. 移動端UI設計中常見的5種APP界面類型，你get到了嗎？

通過介紹移動端UI設計中的閃屏頁、引導頁、浮層引導頁、空白頁和首頁等5種APP界面類型，幫助大家更好地了解UI設計的基本知識
4. 10個免費學習UI設計的網(wǎng)站提升你的設計能力

怎樣可以提升你的UI設計能力!第一個:站酷站酷想必是設計師都知道的一個網(wǎng)站,里面不止有UI設計的資源,還有其他設計的,不如:平面設計、網(wǎng)頁設計、字體...
5. 移動端列表頁和表單頁設計秘訣:讓你的APP點擊率翻倍

在移動端設計中,列表頁和表單頁是不可或缺的部分。一個好的列表頁和表單頁設計能夠讓用戶輕松地獲取信息并產(chǎn)生點擊欲望,從而提高點擊率。本文將為你...
6. 推薦10本適合UI設計師看的書籍，輕松掌握技能!

對于想要提高自己的設計能力和創(chuàng)造力的小白和UI設計師來說,這本書是一個很好的選擇。4.《設計的覺醒》(IKKO TANAKA)推薦理由: 這本書是日本現(xiàn)代平面...
7. 零基礎學UI設計要多久？培訓完能拿多少工資？

探索零基礎UI設計培訓的時長與薪資前景。了解數(shù)字藝術教育領域的專業(yè)課程，以及培訓后的職業(yè)發(fā)展機會。
8. 設計中的色彩心理學:淺析中西方色彩的歷史演變與設計應用

摘要:本文探討了色彩的歷史演變和設計應用。通過對色彩在早期文明社會中的實用運用、不同文化背景下色彩觀念的差異、色彩在設計中的重要性以及新興技...
9. 物聯(lián)網(wǎng)APP UI設計:創(chuàng)造智能硬件領域的沉浸式體驗

ui設計應該讓用戶一目了然,能夠快速找到所需的信息和功能。在設計過程中,應盡量使用簡潔的圖標、文字和色彩,避免過多的視覺干擾。符合用戶習慣:ui設...
10. 武漢UI設計培訓班費用怎么樣？想學UI設計要多少錢？

想了解武漢UI設計培訓班的費用是多少嗎？不知道學UI設計要花多少錢？不妨看看這篇文章，了解UI設計培訓班的學費價格以及學習內(nèi)容。