追求卓越一諾千金

藍藍設計_||航空证券保定营业部,2011年成立_-福建农电工,主創清華團隊|总裁太大了边做边放药,專注軟件和互聯網ui設計開發|__薇丝露。擅長企業信息化管理|-盈彩彩票aqq靠谱吗、監控---众彩网双色球专家频道、大數據軟件UIUE谘詢和設計開發服務__八桂宽频。立足UI_-_众赢彩票官方网站,好好學習-||q币购物券,天天進步雅迪燃油助力车价格!


網格的曆史

2019-3-14 分享達人 Bs界麵設計文章及欣賞


如果您想訂閱本博客內容-|158彩票人工计划,每天自動發到您的郵箱中__2000彩测速, 請點這裏

網格的基礎知識和曆史

大家好我還是Lawrence_乔洋演唱会,以後Lawrence_Z這個號就要主講“係列”文章了|||野火烧不尽打一字。


第一個係列我打算先寫網格-||01彩票官网蓝色版,國內也很缺乏這塊的知識_--易旺彩票主页,現在能找到的關於網格的文獻_|铲运机型号,大多數都是從國外網站直接翻譯過來的|__众发娱乐谁有下载地址,對此我感到很遺憾|-|锦州中百。正因如此-_阿尔卡特one touch hero,我才想把這塊的知識分享出來供大家學習_-9岁女孩疑遭家暴。另外網格係統的框架也是非常的龐大|-|141期有挂牌找生肖看吗,從網格的曆史-_中央6套节目预告,規則|-班主任自我介绍、解構網格等-|新能量电力商务网,都是需要去學習的知識--河南马桶解说, 也請大家認真學習吧-|-艾尔之光爱莎加点。


另外這篇文章參考了眾多文獻-|-金铭的老公,參考最多的是隻印了一版的《網格模板實用攻略》--四核手机推荐,編著是RotoVision出版社_-长发速递。也已經絕版了_|q宠大乐斗开山斧。這本書翻譯的很糟糕-_-168彩票手机APP,裏麵很多句子都不太通順||-金义大都市,不過它傳達的思想是值得我們學習的__|高林生的歌。




目錄

 

1_|润美娇、什麼是網格

2|-|腾达雅苑、把控好網格

3_|公安部2002年春节晚会、網格的價值

4--105彩票彩票大全、網格與柵格

5-|_淘宝店标尺寸、網格的曆史

6-2019十大彩票黑网、風格派與包豪斯

7__畅宜左旋肉碱、網格與瑞士風格

8|_跟骨消痛贴、網格與數學

9--|甄情达、可視網格



1.什麼是網格


網格係統是由頁邊距_||邪恶少年eb的小站、欄_|众乐彩票app下载、欄距--英优儿、字體|_口工漫画里库番本、圖片_-中山轻轨时刻表、元素間距組成的_|168手机彩票,它們之間的比例關係與布局劃分_智胜彩票网,構成了一個基本的網格係統|永盛国际登录网站真人在线。基本的網格尺寸必須滿足易讀性的要求_|-138福彩好不好,要讓觀眾可以閱讀並容易閱讀||_苏州园林卡景点。網格中所有元素的尺寸和位置都是由心理學以及美學所決定的-||10秒猜大小的彩票,字體的大小是由不同層級的標題和正文決定的||班超之志。

undefined通常一列的寬度的不會超過9個英文單詞(具體需求具體分析)-|-quickoffice下载,雖然說將這些詞組歸納成組塊太過規整|-陈亚辉,但為了確保單詞的可讀性--完美国际汐族任务,就有必要這麼做了|烧酒器具。



2.把控好網格


對於設計師來說_-|新乡爱情网,網格係統十分複雜且很難把控__168高频彩,盡管如此大多數設計師還是很偏愛它的||-北部湾航空。設計是個偏靈感且隨意性強的工作|-|云顶怎么赚钱,設計師們使用它時很容易被限製住|_|复婚进行时,並使設計作品太過規整從而失去設計感|-|htc手机防盗,因此設計師對網格係統也是愛恨交加--_至尊彩app至尊彩下载。

設計師要把控好網格係統-|淮钢吧,提煉出要素的靈動性||镁合金密度,保持要素的規整性-|电大作业答案网。要做到亂中有序並簡中求精||长发速递。



3.網格的價值


不管對於平麵設計師|-阿克苏诺贝尔待遇、網頁設計師_||角竹光寿猜一成语、還是UI用戶界麵設計師_|极地海洋世界团购,網格係統都有它存在的價值的-_|132彩票软件app。而網格係統的核心價值就是在“混沌中建立規則”大中电器总部电话,在空間中約束元素和要素_-_陈润光,使他們具有關聯性||我是歌手12期完整版。

undefined

如果不去製定網格係統-|ebase官网,整個空間會變得雜亂無章_众赢彩票挂机软件,混沌不堪_|-注册会员送68元彩金,元素和要素之間無法產生關聯-|货车司机罢运最新动态,失去了統一性並影響美感與視覺感官的判斷|_智投彩票。



4.網格與柵格


網格與柵格的本質其實是相同的-||金庸群侠传之苍龙逐日攻略,都以英文單詞“Grid”來表示-|红米手机缺点。但我理解的--105彩票官网苹果版,它們之間的差別在於“規格”上的不同_-_钱学森的女儿。一般我在平麵設計中把它稱為“網格”_||仲博平台在线登录。在網頁端或移動端中稱它為“柵格”---云购彩票cai877com。網格與柵格從漢字上來理解就是“網”和“刪”的差別_--102彩票,大家也可以用聯想式記憶法來記一下|_盈盈彩中奖怎么领取。

undefined


我們先理解一下平麵設計和網頁或App的差別||365彩票为什么登录不了。平麵設計一般用到的紙張規格(尺寸)|-腾翼c70论坛,不管是英國-盈彩在线平台、美國_168彩票官网登录7168、日本或ISO采用的德國DIN紙張規格標準_-_青岛洗头房,隻要是紙張全部都是固定的尺寸|_-武松卡盟官网,寬度和高度都是固定的--_花园宝宝游戏大礼包,也就是絕對的__易旺彩票平台。而網頁或App的設備尺寸不是固定的-_掌信彩客服电话,寬度是根據設備的寬度決定的--铁路安全保护条例,高度則是隨著內容的多少來決定的|-亿彩团队计划,也就是相對的_||金枝玉叶花卉。

undefined


在平麵設計中||云顶娱乐网址,當我們畫好格子後-中博彩票注册,把文本和圖片填入到固定的格子當中就可以了___1号娱乐平台下载网址。而網頁或移動端的柵格係統--|臻于完美,高度無法確定|-北水手机,就導致無法給格子配置高度值_||烈女蒋究。所以網格與柵格本質上是相同的-|阿拉尔房屋出租,重點就差在一個可以確定格子高度_-重庆325。下圖中所示|_|银彩娱乐,如果采用網格係統來製定網頁|苏岑博客,圖中紅色模塊的高度一旦發生變化||_008彩票怎么样,所有高度都對不上__-大北农饲料价格,網格沒什麼意義了-|hp3808。

undefined柵格的寬度可以隨著不同設備的寬度來配置不同的數值-|众发娱乐赌博怎么不抓。例如網頁常用設備寬度為1920px_安心奶妈网,柵格的總寬度可以設置不同的固定寬度-_38玩彩网下载app,如__-芙蓉中路二手房:960px__|荆棘谷地图、980px_--神州行充值卡序列号;1000px-|脉搏士;1120px等|-_刀杆节,這些寬度都是固定的_-_陆贞的身世。而柵格的高度無法確定|__莱州教育科研网,就沒法繪製格子並布置要素|掌信彩网址。



5.網格的曆史


最早的網格原型_|医疗政策,是13世紀由建築設計師 Villard de Honnecourt 畫的圖表||_环保错位,其中的比例布局十分和諧_云顶平台,直到現在也依舊應用在書籍設計當中_|云顶娱乐提现钱不到账。


到了15世紀中葉印刷術的出現_|镇赉吧,到18世紀晚期的工業革命_|娱乐天地线路官网,印刷術主要用於印刷《聖經》___sepintang。很多設計師開始用最完美的幾何劃分方法來確定古典書籍的版心-|优信彩票快三,也就是整個頁麵與留白之間的關係|纳税人管理码是什么。如下圖所示_||大色老,它使用了黃金分割確定了文本的麵積_泰国斗鱼繁殖,也就是用黃金分割確定了版心--夜美梦娃娃网,使用斐波那契數列確定了邊距的比例|2013年四川地震。

undefined


16世紀晚期的《聖經》的手抄本||合肥蹦极事故。其中有一頁采用了兩端對齊的排版方式||missripley结局,文字排成兩欄並以中心軸為對稱軸___258竞彩网手机版,這種左右對齊(兩端對齊)的排版規則持續了450年||永城彩票网软件,當時還沒有“網格”這個概念_|新七天电器直销网。

undefined


從這以後|_7 k7k小游戏,通過藝術家||乒乓球台价格 优个网、印刷工人_-|123手机彩票网站靠谱吗、抄寫員等藝術工作者對內容--_尿毒症武警二院专家,形式|__芝麻街跑法、比例-铁通宽带影院、空間的不斷摸索-_|船歌鱼水饺团购,便慢慢形成了網格體係_-|讫。18世紀中葉---我要一个身份证,工業革命開啟了以資本為基礎的經濟形式||_洛克王国潘多许愿蛋,平麵設計因此而誕生了|_里番a c g。平麵設計的任務是向有文化的人傳達越來越多不同的信息-_新密这五个人火了,印刷需求也不斷增加||怎么在淘宝上开店啊,設計逐漸注意競爭力--苍之封印动画。


到了19世紀末|_基金净值数米网,有人開始把平麵設計當成職業__|飞星晒图机,並稱自己為設計師___刘仙蒂,代表人物有手工藝美術的威廉 · 莫裏斯__永胜彩票平台,他確信形式和功能是密不可分的|-360彩票导航彩票走势图。後來因手工藝美術運動的影響_-众益彩下载专区,設計師們嚐試在二維平麵上表現三維空間感|-_105彩票可靠吗,並做出了進一步的探索-_|香港大学集体欺凌。



6.風格派與包豪斯


1917年_-000712股吧,荷蘭建築師--银河彩票合法吗、設計師|_陶然是谁、畫家提奧·範·杜斯堡創立了風格派|_-媚行深宫第二部。對於網格設計而言_-马德里公开赛直播,這一運動的重要性在於它探討了功能決定形式|__7k7小游戏,以及功能與形式之間的邏輯關係|_|重庆歪歌横行。風格主義者注重簡約化_-网上三好街报价,認為簡單的形式是容易實現|-_昆明39手机网,並容易被大眾接受的-云购彩票什么时候有的。隻用直線的形式來表現並去除多餘的裝飾-_广州qm之窗。

undefined


1919年|_-八桂宽频,一批傑出的藝術家和設計師_约彩彩票软件正规吗?,在德國魏瑪(曾經德國的文化中心)創建了包豪斯|-|易购彩票是真是假,由建築師瓦爾特 · 格羅皮烏斯擔任校長|-盈盈彩票888yyccom。他認為建築_||玛雅wang 发信到,平麵設計|-|365彩票不能买、工業設計__-四家中乙队欠薪、繪畫_花境平面图、雕塑等都是相關聯的|||永胜国际app是干什么的,這一認識對字體和圖形設計的發展產生了深遠的影響__|魔域3 0。


20世紀20年代__汶川大地震电影,揚 · 奇肖爾德在他的兩本書中《新字體排版》(1928)和《印刷設計》(1935)闡述了他的排版原則-陆贞传奇下载mp4。他認為設計師類似工程師|__最好的返利网,並認為強製性的非對稱是現代主義的核心_|-奇乐影院,他說應該使用“自然”而不是“形式主義”的方法來創造新的設計||-雨露文章,那這裏的“自然”我理解的“主觀唯心主義”-手机钱包业务。他的作品仍然體現的是美學上的精致與動態化(動勢)_-365彩票登录网址是多少。

undefined



7.網格與瑞士風格


20世紀中期(第二次世界大戰|__金枝玉叶花卉,1939~1945)_-|亿客隆app,瑞士在戰爭期間是中立國|-如何在拍拍上开店,戰亂時不少流亡的知識分子在這裏避難_q币购物券。那時的出版物必須使用法語_|dnf战争英雄之无双太刀、德語和意大利語三種官方語言-|_运盛彩票登录,因此官方出版物使用了多欄的結構-_仙剑奇侠传5 破解,采用了模塊化的方法_-海带的血型。一些瑞士藝術家||媚行深宫 菏泽天下、設計師在其繪畫和平麵中探尋邏輯與形式_-_永城彩票软件,並撰寫關於網格方麵的知識___凹凸绕梁三日,並把這些知識稱為整體性設計__7777小游戏。如果沒有比例係統||-36元注册福彩是真的吗,無論作品多麼有獨立性__35彩票诈骗客户,都會減弱版麵樣式中元素之間的關係 - 埃米爾 · 魯德_||11选5每期必赚20元。



8.網格與數學


到了20世紀末--英雄联盟配置要求,卡爾 · 格斯納在1962年為雜誌《丘比特》設計的網格|||菏泽医专吧,根據它的數學的精巧性-_-敕令大将军到此,被認為接近完美的_-|众赢国际是传销吗。網格和頁麵布局的不同取決於創意的靈活性和數學的精確性-霸气行会名字。要考慮開本|-_105彩票是正规平台吗,要考慮基線-檩条间距,還要考慮欄數與頁編輯|_漯河军嫂事件,線的單位也要細分的更精確(1pt或2pt)__众博娱乐的网址。通過電腦可以很容易把網格精確劃分為更小的模塊|_|3分时时彩开奖结果。網格可以通過很多方法組合||-诸沁微,並在設計中仍保持凝聚力__-手机直播软件哪个黄。

undefined



9.可視網格


傳統網格都是隱性的|-|郭锦瑾,存在於作品中的邏輯規則_-闹腾影院,是不會顯現出來的-|_少年进化论成员。但在20世紀50年代-__阳光工资标准,模塊化網格係統的先驅者荷蘭設計師維姆 · 克勞威爾|-psp零之轨迹金手指。他在1967年在阿姆斯特丹市美術館舉辦的Vormgevers展覽中||-仲博彩票下载,設計的海報和目錄冊的布局使用了可視的網格__6700s刷机,網格也成為了字體設計的基礎|||2011手机,並影響至今|脱狱之王第三季。現代很多藝術作品也依舊采用可視網格進行創意設計|_原味丝袜qq。



至今


網格係統是由前輩們的思想結合體__|深圳东门步行街攻略,由前輩們不斷完善並總結形成的一套體係|_掌上足球世界杯版,並影響至今|-_13彩平台下载。從平麵設計到網頁設計-运盛彩票怎么样,再到移動端設計的演變|李驰博客,現已成為設計師日常工作中的一部分-_诺基亚手机真伪查询。網格係統能使設計作品具有較強的關聯性---构橘,隱性的邏輯使頁麵更具美感--149期双色球开奖号,讓作品更靈動也更具有條理性和統一性-|易猫交易平台,使要素歸一||砍死群主。

藍設計www.jwrumpff.com )是一家專注而深入的界麵設計公司|_七里香 泷泽萝拉,為期望卓越的國內外企業提供卓越的UI界麵設計-黄山奇石天狗望月、BS界麵設計 ||_日本漫画在动车上被强、 cs界麵設計 __-韩版恶作剧之吻收视率、 ipad界麵設計 |_|诺基亚3110c游戏、 包裝設計
標簽: 網格 « 從設計師角度看待設計中的同理心 | 好看的天氣類界麵_兴安证券,您不能錯過_|易商通!»


訂閱Rss