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