在說排版之前先和大家說一個詞匯"中軸對稱"。提到中軸對稱，請您盡可能的去回憶那些你人生中所能見到的有關(guān)對稱的畫面，天枰、天安門、故宮，一張從中一分為二的a4紙等等。你能發(fā)現(xiàn)什么？這些畫面是不是都很規(guī)整，讓你覺得沒有違和感，仿佛他們本該就是這個樣子的。我們在反過來想一想，假若它們的中軸線并不在中間呢？往左偏移或者往右偏移，去想象一下，就比如你為何在拍攝故宮的時候不去將故宮放在整個畫面的左側(cè)角落里而右側(cè)全部是空蕩的天空一樣，你會不會覺得整個畫面變得充滿了違和感。同樣的事物在同樣大小的畫面中，所處的位置不同給予我們的視覺感官可能會大大不同。當一個畫面沒有把握住一定的空間平衡后，它給我們的感覺就是違和的，不美麗的。
? ? ? ? 對于排版，對于最新的彩龍，設(shè)計所要做的就是在"空間平衡"這一恒定不變的視覺規(guī)律之中去把握所有信息元素的自身關(guān)系與相互關(guān)系，讓信息更易于閱讀，讓產(chǎn)品更好的服務(wù)于用戶，而不是"眾所周知"的"你感覺"怎么放好看。
?? ? ? 有視覺設(shè)計的地方就總會離不開排版的探索與討論。包括整個我家昆明app 的任何一個頁面都能找到排版的影子，由于篇幅原因這里便抽取最新加入的列表項切換中的第二種樣式一做討論。在這個列表當中，遵循現(xiàn)下風靡的卡片式設(shè)計每一條新聞信息都可以看作一塊單獨的畫面，被一張張類似小卡片的白底給分隔開彼此不干擾彼此，這里所包涵的學問本篇就不做拓展了。如此分割后，每一塊白底其實就是一個畫面，在這里我們所要考慮的就是如何"有機"地去組合這個畫面中的所有元素。先來理一理畫面中有哪些元素，用戶頭像、用戶昵稱、日期、圖片、標題、摘要、點贊數(shù)、查看數(shù)，評論數(shù)。也就是說你要在一個畫面寬度為一個手機屏幕寬度，高度大概為五分之一手機高度的畫面中將這些信息展示完全并且沒有違和感讓人一目了然。好了，到目前為止元素理出來了，接著就是該分別分析每一條元素的自身特征，比如圖片，它會是畫面中占面積最多的元素，它有可能是矩形，有可能是圓形，有可能是正方形，比例有可能是 16:9有可能是4:3等等等，你必須要明白它在這里扮演什么角色，如果是你你會怎么去處理它。又比如同樣是圖片的頭像，都是圖片又該如何。其他元素就不一一分析了，分析的標準就是主次關(guān)系，哪些是主要信息要最先讓用戶看到，哪些是次要信息不是很重要，哪些是最不重要的但必須存在。就像最終呈現(xiàn)的畫面那樣你首先看到的就是文章內(nèi)容的圖片標題和摘要，他們所占的空間用是最大的所以她們最顯眼，他們彼此之間存在對齊關(guān)系，對齊能讓它們?nèi)呖雌饋砀?guī)整便于閱讀有節(jié)奏感而不是散亂不堪的，它們之間還存在間距，間距是控制閱讀節(jié)奏最重要的因素，圖片和文字標題的 10像素間距能讓兩者不粘在一起又不會分的太開從而造成視覺分離，文字行與行之間的行間距大約是字號大小的1.6倍同樣能夠保證摘要的上下文關(guān)系和優(yōu)質(zhì)的閱讀體驗，內(nèi)容塊左右兩側(cè)與屏幕邊緣的 40像素間距為了給畫面留一些白給視覺留一些緩沖。甚至更細一些去追究圖片大小和摘要標題所占的空間大小之間存在什么關(guān)系，他們之間運用了12柵格去劃分了橫向面積來對兩者的寬度做了規(guī)劃以達到整個大塊面的空間平衡。由于篇幅關(guān)系關(guān)于這塊的排版就討論到這里吧。如果你對排版感興趣對設(shè)計抱有探索之心敬畏之心，希望你能去思考這樣的問題，如果保持圖片摘要標題不動，畫面發(fā)現(xiàn)不變，你回去如何處理剩下的元素，會有多少種處理方式呢？每種處理方式感覺是什么樣的？
暫無評論，快來評論吧!