追求卓越一諾千金

藍藍設計__认命歌词,2011年成立|||陈薇茵,主創清華團隊|_女特工电影,專注軟件和互聯網ui設計開發__寇小宇。擅長企業信息化管理-永胜国际是干嘛的、監控_一段话日记、大數據軟件UIUE谘詢和設計開發服務|_|意大利凯撒卫浴。立足UI||荣成民心网,好好學習--k7k7k,天天進步|_|腌醋蒜!


比五彩斑斕黑更難的-||永胜国际福彩是什么,是客戶讓你簡約藏著細節

2019-3-21 泥人張 平麵設計


如果您想訂閱本博客內容|_明星替身,每天自動發到您的郵箱中|-酷毕犬舍, 請點這裏

看過或聽過一大堆理論知識的你||-苏锦良,有沒有被很多自相矛盾的設計原則搞混過|_|雅丽婷左旋肉碱?比如你把做好的設計發給總監看--苏菲的日记,然後他告訴你太亂了--铜电阻率,要統一__第一现场重播,於是你苦苦調整了一番--信息价值网。當再發給他看時_-野兽汽车,他卻說太平淡了||许昌施华洛婚纱摄影,要有對比|__塔河吧。你心想-_-038彩票手机版,一會要統一||掌上农业银行不能登录,一會要對比---视频传输解决方案,這不是自相矛盾嗎|_|2019年福彩3d北斗预测?當然不是-_总决赛热火vs雷霆,其實你自己心裏明白-|众博彩票官网,隻是你不知道如何平衡這兩者的關係-11086移动时时彩官网。

類似這種「矛盾」的設計原則還有好幾對_|-22福利彩票官方手机版,接下來蔥爺要把它們一一理清_-无翼乌全彩无漫画大全老师,讓這些理論知識能真正指導設計實踐--_优彩彩票app。

對齊與變化

對齊是版式設計最基礎的原則之一__168彩票7168cm,具體指版麵中的字與字--_南通电影、字與圖|||amway易联网、圖與圖要對齊_-_18142期七星彩开奖结果,常用的對齊方式有左對齊---菲丝丽妮官网、右對齊|--众博彩票的网址、上對齊_|蜡烛颜料、下對齊|芬迪斯、居中對齊|_|六六宝贝txt下载、兩端對齊等_原北京市委书记。對齊的目的是為了使版麵更整潔-_运盛彩票App,更便於閱讀_||1号平台号平台官网,比如下麵這些作品都用到了大量的對齊關係-_阿坝人事编制信息网。

我們來舉個實例-__钻纹龟,假設你現在要設計一則手機banner圖--168高频彩开奖记录,目的是宣傳某款手機的拍照功能|_康恒保险,文案如下--|英布和季布:

這種圖不難做_-t8神奇魔轮,你打算直接用一部手機和幾張攝影作品作為畫麵的主視覺|广州鸣人堂,於是去圖片網站找了幾張能體現該手機拍照功能好的圖片|-|天猫供销平台:

圖片找好後|_世界西装排名,你把其中一張圖片填充到手機裏作為屏幕背景--_花厂峪,其餘圖片分散在手機周圍-|云端彩票是怎么回事,然後你把整個視覺主體放在了版麵中央_-|少女网王世界的旅程,文字則按主次排在了兩側-2006七乐彩走势图表,大致效果如下|陈秋雄:

你盯著畫麵_|_众乐彩票网合法吗,正琢磨著還要加點什麼的時候||陈雅倩,總監不知何時出現在了你身後-|天国凤凰国语第二部,他麵無表情地盯著你的電腦-||空间克隆,嘴裏慢吞吞地吐出幾個字-_2元彩票网排列五走势图:「太亂了-|_粥面故事,好LOW」_-亿万彩票是不是黑网,之後就消失了--鸣人堂。你很聰明|-旋转罗盘,立刻明白了總監是想要自己排得更整潔-||365彩票聊天室、更有序一點_|_怎么样开淘宝网店。

在目前的版麵中雖然個別元素之間有對齊關係__羽西积分查询,但是缺乏整體的對齊|-盐都区政府,且圖片采用了自由式排版_|qq自由幻想图标点亮,所以會顯得混亂--_鹿喜微断食纤体。於是你嚐試把圖片對齊排列--2228期七星彩开奖号码,文字則以圖片為基準進行對齊___2011qq官方下载。

△ 左邊的文字部分與右邊的圖片部分保持上下對齊_苏拉病毒,標題與內文為左右兩端對齊_-_本亮大叔简介,icon 與文字則是左對齊_||106在线彩票安卓。

上圖很「完美」地執行了對齊原則_-海安零距离,整個版麵幹淨_--朱志恒、整潔了許多__长城彩票网站平台,視覺流程也更簡單了___魔力旺旺。這下總可以了吧|||云顶至尊理财软件,然而事情並沒你想的簡單_|铺底流动资金。因為總監不知何時又出現在了你的身後_|掌上彩票安卓版,他癟著嘴一臉嫌棄地說道--柳焚余:「太呆板了|_欧莱雅祛疤产品价格,有點變化好不好|_-萧瑟流光?」

變化|-106苹果下载?難道又要調回改之前那種狀態啊__-吉林市都市110在线收听?當然不是-|088彩票是正规平台吗,你其實是要在現有的基礎上做一些變化|-金宝街电影院。排版的難點和精妙之處就在這裏_||黄晓明已死 现在是替身,既要對齊|-_云鼎彩票招商,又不能機械地對齊|_潍坊市教育信息港;既要整潔有序也要靈活有變化_||11086移动彩票可靠吗。如何做到這一點呢|_360彩票安全购彩?我的理解是_-托儿费:要在對齊中製造一點變化_航航影院,在變化中找到對齊關係|火焰之纹章圣魔之光石金手指。比如下麵這些作品|-_欧乐瑞士:

現在你知道了|_诺基亚c202,上麵的方案之所以死板主要是因為文字部分與圖片部分對得太整齊-|金蝉脱壳造句,所以需要改變其中一個版塊|_-红玖木商城。該版麵的視覺主體是圖片|老司机导航(原avsoso,所以調整圖片更合適_1号平台。由於文字是呈水平排列的|_易赢在线注册,那麼圖片部分是不是可以傾斜擺放形成一定的反差呢-|马勒戈壁第一季?這樣既可以製造變化還能加強版麵的空間感_|-众乐彩票提现。

△ 除了把圖片傾斜之外||_野山谷团购,LOGO也與內文錯開移到了左上角--_三湾改编时间,最下邊的直線也可以延伸到了版麵之外|-2019十大彩票黑网。

我們現在再回過頭來看看這件作品是否符合前麵我說的|打屁沟,「要在對齊中製造一點變化-|银通卡怎么用,在變化中找到對齊關係」這一要素-_美璃格格演员表。

從上圖中可以看出_108彩票靠谱吗,圖片雖然做了傾斜_买家圈,卻是在對齊的基礎上做的變形扭曲-_2019六香港145期。版麵中的元素雖然不是都對齊了某條直線||盈盈彩票坑客户,但是沒有哪一個元素是孤立的-_阳羡磨坊,每一個元素都與版麵中的其他元素有對齊關係-|流感概念股。更重要的是_|_182彩票,左邊文字版塊的視覺重心與右邊圖片版塊的視覺重心也是呈水平對齊的_|-下载2011qq,所以整個畫麵才得以平衡|黄河电视台直播。

統一與對比

雖然設計的構成要素隻有文字|西装排名、圖片|||600021、色彩_|河南m值兑换,但是每一個要素都有無數種表現形式||_ovi套件官方下载,不同的字體--|众彩彩票、字號||盗情xt新浪、色值|_花开淡墨痕19楼、質感|_-o记实录刑警、風格-|_脉搏士、圖片-2018街拍偷拍下体走光、方向等等-召召木木。如果在一個版麵內含有太多不同的東西-|卡古宇,會顯得很雜亂-_149特马结果,從而讓人心生厭煩-|365天天彩票快三,所以||_长江教育网频道,需要通過某種方式把這些「不同」統一起來__197彩票平台,以達到舒適艳杀天下、協調的效果_-衡水电大成绩查询。

以一則運動品牌的輪播圖設計為例|__许海中学,文案如下-|-诸葛亮哭周瑜:

這類設計以運動員作為主體最容易出效果--_大众途观报价及图片,所以我們需要找一個正在奔跑的人物圖片|_198彩票邀请码。

△ 這個人的姿勢不錯__农牧场盗匪,就他了-_|赢彩票是正规的吗。

運動品牌最重要的是要設計出動感和時尚感|--1288彩票骗局,所以我把背景分割成一紅一藍兩個傾斜的色塊_|_牦牛产地,然後把人物放在畫麵中央__如来陈涛,文字分布在左右兩邊_-|11选5手机助手有哪些,以製造出強烈的視覺衝擊-|邪恶少年eb的小站。

由於有一個動感十足的模特和背景|_小学生美术作品,所以整體看來還是比較符合運動海報的調性-_|非常完美许镇耀微博,但視覺上有點亂__圆通400电话多少,因為有很多細節沒有統一-_上海奋荣投资公司董事长,比如人物傾斜的角度和背景色塊_|易赢彩票网址下载、標題傾斜的角度不一樣|||召召与木木,主要文字的字體風格不一樣(NIKE和JUST DO IT的字體比較硬朗|刘玉浦简历,而蓄勢待發的字體相對較柔)_镇江老兵被打事件,元素的風格也不統一(圓角的了解更多按鈕與整體風格不搭)--抓住偷水贼,還有各元素的顏色也缺少聯係等等_中科彩票是合法的吗。

那該怎麼辦呢|||l龙?這裏就需要用到統一的原則了-阿鲁科尔沁旗绿源,我們可以試著把上麵提到的不統一的地方都統一起來-_|钢坯成本,如下圖|-易彩票网站wwwycpan:

△ 調整後的方案二_-_苍井空无码 亚洲 在线,字體都是簡潔有力的黑體字-|33彩票安全吗,而且把左右兩邊的字體進行了水平對齊---深圳第一现场重播、背景色改為單一的漸變色-||一汽自由风配件、人物和文字的傾斜角度也統一了|-冬虫夏草5x,「了解更多」的按鈕也改成了平行四邊形色塊-_淘宝开店步骤费用、顏色更是被縮減到了三種_|银江论坛。

調整之後確實不亂了|_何瑶照片,但是也有了新的問題_|绍兴三味影院,因為各元素太過統一使得畫麵缺乏層次和對比_-可肤冰肌白乳液,該突出的信息也沒有得到突出|_|160彩票苹果版。這時候就需要用到與統一對立的另一個原則——對比_|微来购托尼团队。

對比_-|众博棋牌,是把具有明顯差異|-蛇肉价格、矛盾和對立的雙方安排在一起_-|西单商场打折,進行對照比較的表現手法_-诺丝超霸持久,目的是為了使設計更有層次_|-35选7尾数大星走势、增加視覺衝擊力|_锦皓。設計中常見的對比有大小對比|_-农行黄金价格、字體對比_|-众乐彩票登陆、色彩對比_106福利彩票安卓、空間對比--_亿发彩票官方网站、方向對比-_2m彩票永久来资料全年、長短對比-|阿桑古卡、粗細對比|-_王宝强性格大变、曲直對比|||众彩可靠吗、輪廓對比-|-希苒女装、虛實對比等等___冰心的原名是什么。

想要處理好統一與對比的關係_||丝图腾,需要記住兩個要領_-|长治文明小博客:

  • 各元素的調性要統一_|晶体敌百虫、元素的呈現方式要有對比_-_塞班5800。
  • 要保證畫麵中的對比關係不會破壞整體的協調性|__杨幂的种子。

順著這樣的思路-|_2m彩票全年免费资料,我們來給上圖增加一些對比關係|_3分快3计划3期必中,例如方案二的標題傾斜角度太大||365彩票上不去,不美觀|-|中秋整人短信,所以我幹脆把它的傾斜方向改為垂直傾斜|_娱乐彩票平台哪个好,既保留了動感也增強了對比-|-阿斯蒂芬规划局快乐,更加美觀-媚药教师。在文字的字號上|_炒葱椒鸡 菜系,我選擇突出品牌名縮小廣告語_-陕西高职院校排名,加強了大小對比|_万科云山花园,並且還恢複了之前把背景一分為二的做法--_众发彩票代打码靠谱吗?,隻是增加了一點空間感_|_娱乐菲律宾15,並把人物服裝的顏色與背景色做了統一__盈彩公司是什么情况。調整後的效果如下_|斗战神宇文公在哪里:

我們可以觀察一下|--国培网,方案三確實比方案一更協調-|-盈彩娱乐是什么,比方案二更有層次和視覺衝擊力||_长三角经济区,且整體調性依然年輕|-_注册送彩金68元可提款、時尚-_-小米手机ppt、有動感-|-尊龙娱乐官方网站app,這裏就是運用了統一與對比的原則|-|美橙表业官网。

簡單與豐富

簡單應該是大家聽得最多的設計原則||川师附中吧,簡約|_|高三毕业班主任寄语、極簡風格的設計也非常受歡迎_--青岛台东八路洗头房,但是我們也很困擾_-_无字神曲,因為自己做的所謂極簡設計經常會被人說太單調-_掌上娱乐app时时彩、不夠豐富_-众购彩票娱乐;而那些自我感覺很豐富的設計又會被說成是雜亂__|梵谷饰品。為什麼會這樣呢|掌上购彩邀请码怎么弄?我們先來正確地認識一下簡單與豐富|辛德维拉。

簡單並不是指做設計要用最少的元素|_意彩怎么注册、不做任何修飾|_-规模报酬,而是指設計主旨要簡單-_诺基亚5233是什么系统,視覺流程要清晰--|铁托斯,視覺要聚焦_-综合素质作文万能开头,主次要分明|云顶娱乐是不是真的吗。

△ 上圖的設計雖然元素和色彩都很多-|nokia3110c,但整體給人的感覺也還是簡單的-_台湾雅虎。

而豐富也不是指畫麵中一定要有很多元素或疊加一堆的效果_|-上海蹦极,而是指有細節|_高职高专排名、有層次-_|亿彩下载、有品質感-|-李晨阳年龄。

△ 上圖的設計雖然整體看來很簡單517云购,但是並不會顯得單調_帕斯卡显卡。

為了方便理解--_刘军 姜培琳,我們還是來舉個例子纳雍党建网:一款農產品冊子的封麵設計|辽宁财政企业服务网。該封麵的必要元素很簡單_||和龙市政务信息网,隻有一個 Logo 和一句文案||红罂粟 剧情,因此|优彩彩票是诈骗平台吗,我們很容易想到做個極簡風格的設計|_-乔氏活络宝。白色背景加一個 Logo 和一行文字--诺基亚6730c软件,再配一款特種紙-南京机场大巴时刻表,做點工藝||易彩彩民异地登录,就可以顯得很高大上-_|金锣信息化平台,很多大品牌也是這麼做的-永城。

這也是一種還過得去的解決方案-|芒草扫把,但表現手法確實太過簡單|_流动人口信息,既體現不出設計師的設計功底|_-中乙联赛官网,也沒有體現出農業品牌的調性和特色|-_仙剑5破解补丁,且缺乏吸引力_-腾龙山,所以我們需要做加法||不丹国王,讓其變得更加豐富|-苏铁惜。

怎麼豐富呢|_|万兽之国(h)?最直接的辦法就是引入圖片和色塊-_北京舞蹈学院艺考推荐 启瀚艺考,由於品類為農產品-360彩票网购彩大厅官方,且文案重在強調健康和安全|__我们都爱笑0913,所以我們可以找一張綠色|-_剑灵李素梅在哪、生態的圖片-106彩票首页。

為了與狹長的版麵保持統一|||3208c刷机,我把圖片也裁剪成了豎版的矩形||11086移动彩票官网,並與一個同樣大小的綠色色塊結合在一起_-360彩票双色球杀号定胆,組成版麵的主視覺_|致富彩票主页,logo放在圖片左側_|3cp彩票平台APP,如下圖-_正三棱锥的性质:

這麼做還是有些設計感的_|sky浪翻云,也增加了品類屬性-盈盈彩票网首页,不過缺少細節-_陆幽张斌、不耐看_||北京中创高科生态仪,所以還需要加點東西诺基亚 6290。當然||q空间克隆,新增加的元素隻能作為輔助--安理会成员国,不能太過搶眼-|-亿彩时时彩人工计划,圖片方麵我很快想到了葉脈|-镇江老兵事件,葉脈與圖片中的葉子元素也能產生關聯|_众赢彩票导航网,且適合做底紋||江腾蛟回忆录,於是我又找來了一張葉脈的圖片--_运盛彩票app下载。

把葉脈圖片放在圖層最底部作為背景處理-||新密这五个人火了,這裏會遇到三種情況--易网彩票,一是如果把葉脈紋完全平鋪的話__|马向东,整個版麵就沒有留白了--|亿博国际娱乐登录,所以會顯得壓抑|__花萝卜论坛;二是把整片葉子都顯示出來||_2019最火现金棋牌官网,但這麼處理會顯得很小氣_-觅血者斯基尔在哪。所以我隻用葉脈紋覆蓋了一半左右的版麵|--18彩app官方下载,與圖片部分形成呼應|360彩票网客户端,這樣的效果看起來是比較舒服的-|_138福彩好不好。

圖片部分得到了改善--众赢彩票登入,但現在畫麵中還缺少一點小的裝飾元素|__长发速递,增加一點文案是個不錯的思路-||安全部邱进,所以我把文案和品牌名的英文加了進來_-新商盟卷烟超市。

做完加法後整個畫麵變得豐富了不少-_最新电视剧迅雷下载,層次也拉開了-_|35平台,而且給人的感覺依然比較簡單-||花雕鸡是哪里的菜系,既不雜亂也不壓抑|||1比1现金兑换捕鱼游戏,因為各元素主次分明|-13彩干嘛的app是,既有聯係又沒形成幹擾|_搜同白袜子。不過做加法的時候也要把握度_|成人网1234,例如下圖就有點堆砌過度了--|渔我同行218,看起來很繁雜_|杭州九堡客运中心网上订票、不精致_|-观澜阳光花园。

想要處理好簡單與豐富的關係||_怎么在淘宝网开店,需要注意兩點--|陇南教育网:

  • 要保證主體單一且足夠精致-|_众赢彩票可以买吗;
  • 要保證有簡單的裝飾元素與主體形成互補-_-淘宝试用什么意思。

規範與打破

規範與打破是存在於版式設計中的一對矛盾原則|-11086移动彩票可靠吗,規範是指把版麵中的元素要按某種規律|-智行彩票注册,或是在特定的範圍內設計布局_|黄晓明已死 现在是替身,目的是為了讓畫麵更有條理和秩序-|管栎,也更像一個整體|_-长安街 英菲尼迪。

△ 上圖的主要元素都規範在一個矩形中--幼儿园教师先进事迹,然後各個小矩形又組合成一個大矩形-_运盛彩票吧,看起來很整體|-羽毛球陈龙,很有設計感-__航航影院。

與規範對立的是打破_-_青海卫视直播,指打破規範-_上海电玩巴士实体店、打破束縛-|兰州方言兔八哥、打破平靜_|2019网上能买双色球吗,目的是為了使畫麵看起來更靈活||-132彩票官网网址、更有動感-_2019海南七星彩规律图、更具視覺衝擊__妖精的尾巴421。

△ 用色塊或圖片來創造束縛感-电视剧热爱,然後把部分元素衝出色塊||苏州齐并广告公司,是規範與打破的一個經典組合形式|||湖北汉川新闻网。

可以說經過了嚴格規範而變得很好看的優秀設計很多--_逍遥花丛录,而有些設計卻選擇了打破規範--|广州公安金盾网,也得到了很驚豔的效果__|满座网临平。那什麼時候該嚴格遵守規範-_|斗战神入定修炼?什麼時候應該打破規範呢-吃饼干屋寻宝石?其實在一件完整的設計中最好兩者都要有_感应仙女,而平衡這兩者的要領就是_||相信自己 mp3:先規範後打破-_掌上彩票官方网站,即在規範好的基礎上選擇一些局部來打破_|虚空龙声望开启。

蔥爺還是以一個畫冊的封麵設計來作為講解案例__-2n3055功放。這是一本中國移動雲服務平台方案介紹的冊子---亿发国际竞彩app安全吗,文案如下|_-248彩票平台全部平台:

很明顯該封麵的視覺調性應該要有科技感||腾达雅苑,要能體現互聯網-注册送18彩金apppk10、信息||-qq2010官方下载正式版下载、大數據這些關鍵詞|-_上海老庙黄金今日金价,所以我找了一張看起來很有科技感的圖片__088彩票。

這類畫冊的版式通常應該偏向簡潔-_艾利和e50、規矩_248彩票平台全部平台,所以我決定用網格係統來輔助排版_优衣库视频完整版下载。以圖片作為封麵的主視覺||丽柜厅直播,除了Logo|_|仙剑5激活码破解,所有元素都排列在矩形圖片內_-_陈国栋的秘书,並且所有文字都按照網格的設定保持左對齊||云购彩票YG888COM,所有元素的高度|-随州电影院、寬度-093彩票上面有高手吗,以及各元素之間的間距--|柳州音乐网,都嚴格按照網格來排版|-2019年送彩金网站大全。

△ 經過規範的版麵整體看起來十分嚴謹||_重庆公安局长。

不過這麼做也造成了版麵缺少變化|-_易彩乐靠什么挣钱、太過規矩等問題_-_娱乐天地登录,所以我們可以嚐試在此基礎上做一些「打破」|__0500彩票。

比如原本的 LOGO 與圖片靠得太近_|高中研究性学习报告,顯得很壓抑_-雯雅婷图,這裏就不必完全按照網格來排版_-19000彩票送彩金,我們可以根據自己的感覺將 LOGO 與圖片分得更開一些-|_优彩彩票平台;中文標題_--亿点卡盟平台、短線-_-银河时时彩、英文標題這三者也太擁擠了|-臭作游戏截图,可以挪開一點_|苏州地税网上申报;文字部分不一定全部都在圖片範圍內-|-蜜宝团,所以我給英文標題加了一個藍色塊-_-花生油会凝固吗,並把色塊移出了圖片區域--prada中国官网;以及把最下麵的公司名稱排在了圖片下方等_|今日专家推荐股票。調整後的效果如下-_-亿彩网提现怎么不能提:

△ 調整後的方案_陈丽华前夫离婚原因,構圖也相應發生了變化|-_触点容量,之前為上下構圖--|药品炒作,現在變成了對角構圖|||龙卷风旋风扫。

在規範的基礎上做了打破之後|||2019年网络严打黑彩,我們可以看到-|鹰彩注册,版麵的整潔性依然在___清华保安哥,整體的調性也依然簡潔-_-优信彩票大发快3、嚴肅|永盛娱乐手机,但相比調整之前顯得更靈活_-|千山暮雪粤语、更有設計感_掌上红云下载。

結語

設計不是簡單的加減法--_色中色账号,也不是隻要做到對齊__038彩票下载网站、統一這些很簡單__昨夜裙带解,方向很明確的原則就可以了-|_中兴彩票首页,因為根本不存在什麼原則可以讓我們直接通向設計的終點--实名注册身份证号码,但是我們的目標是明確的-|河南电视台大象网,就是要做有效的設計--|亿彩网北京pk10,所有的設計原則||_阿克苏什么生意好做、設計手段都要為這個目標服務_|-龙的对联。

藍藍設計www.jwrumpff.com )是一家專注而深入的界麵設計公司|_适宝康奶瓶,為期望卓越的國內外企業提供卓越的UI界麵設計_陈良全、BS界麵設計 |_145期富婆看图肖特、 cs界麵設計 ||舞龙的意义、 ipad界麵設計 ---森马网上折扣店、 包裝設計 -尊龙网上娱乐、 圖標定製 -||打刻机、 用戶體驗 _-35选7走势图、交互設計__4串1什么意思、 網站建設 ||2240期海南头尾规律、平麵設計服務|-_陈润光。

« 整理_|_移动旺旺!點讚設計分類-_博客大巴登陆。 | 設計語言 - 側邊導航欄/分頁»


訂閱Rss