济南网站策划设计_午夜三级在线观看_自适应网站制作_午夜三级在线_H5企业网站搭建_午夜日韩在线_济南外贸网站制作公司_锐尚

Telephone
15063366547
QQ
286601999

濟南網站建設:網頁設計中的幾大定律

發表時間:2015-09-03 13:25?? 作者:銳尚?? 瀏覽:
不論畫冊設計、海報、品牌設計,所有設計都是有規律可循的。然而,在網頁設計這邊,很多本應該有的規則都被搞亂了,就只是跟著感覺走。這并不是說設計師在規則方面有松懈,而是大多數網絡工作者都不知道要遵守這些規則——就算他們知道,也不知道怎么去用。
 
結合網頁講,就是以下幾條:
 
平 衡
 
平衡感挺難拿捏的。網頁上呈現出的平衡有兩種——對稱和不對稱。我們都很習慣了看對稱的圖片,就像我們小時候剪紙花,都會兩邊一起剪,這樣打開就是對稱化的。這種對稱的平衡很好識別(反正都鏡面反射一下),而在不對稱構圖里面做到平衡才難。
 
舉兩個例子:

不對稱平衡
 
如圖在多處位置展示了不對稱平衡里面的一些重要原則。你看,作為主Banner的那只狗的照片——狗身上的黑色全壓在畫面左側了,這時候畫面右側出現了一個X,這看似隨意的灰色X,可是平衡畫面的關鍵因素!這樣一來,你的視線就會被牽扯到畫面中間。除了在Banner圖里面,在網頁的頁頭中也出現了這樣的設計——菜單欄的大小和顏色都相對重。那么在Subtraction的logo這條,就對應用了黑字白底,再在上面加上黑線,這樣上下會相對平衡一些。

對稱平衡
 
蘋果是現代網頁中實現對稱平衡的典范。如圖,每個元素都是在中軸線兩側排布,創造出了一個視覺上的和諧情景。
 
比 例
 
對于網頁元素來說,并不是看得清楚就好,或者文本多長就弄多大,它的排布跟網頁的平衡視覺上強調誰有很大關系。

而到底如何去權衡這些元素的大小,跟每個元素本身的性質有很大關系,舉個例子:你在瀏覽兩欄式的網頁的時候,一般會發現右邊的框要比左邊的框大,也放了一些關鍵的信息在里面。這是由人的視覺習慣決定——哪怕是文本框放在左側,目錄這些元數據放在右側,也會不自覺的看向右邊。所以說,元數據在右邊占地方是不太科學的。有些人喜歡每欄一樣寬度的柵格布局,就像圖一那樣;另外的人可能喜歡黃金分割率,也就是右邊的框是左邊框的1.62倍。
 
有些網頁的設計也僅僅看重要程度來排比例的:

在這個頁面上,各元素的比例控制得很好。不僅是視覺上的層次很好,意義上的層次也很好。從產品的logo開始(1),然后引導用戶的行為(2),再到文字比較密集的相關介紹(3),排布都很合理。圖文混排的區域,標題的權重和正文隔開,還有和左側icon的關系都很注意。瀏覽這個頁面的時候也會覺得整體非常協調。
 
不過以上這個例子有點老,網頁展現很平面。
 
現在的網頁可通過交互設計來強化網頁上展現的比例。


比如這個國際廣告獎D&AD的網站,在滑動內頁時候,菜單欄占頁面的比例會相對縮小,這樣人的注意力會更集中于中間部分,更注意閱讀內容。

節奏
 
網頁上的節奏感非常重要,甚至比數據更重要。尤其那些數據量大,頁面長的網頁。比如這個叫Digg的網站,頁面上出現了雙目錄,但也是遵循了節奏感方面的一些原則。


強調
 
在設計中,再沒有比圓形更有魅力的圖案了,尤其是在充斥著四邊形的網頁設計領域。一個圓圈并不需要借助亮眼的顏色或留白,僅僅靠它的形狀特點就能輕松引起用戶的注意。這就是為什么你的眼睛總能被那些最近流行的標志所吸引,不過“圓形”最大的魅力其實還是發揮在Logo上。

正如你在圖中所見,A List Apart用了不止一個,而是多組“圓形”來突顯出其Logo。你不僅能通過其旁邊那個有著發行編碼的標志(1)注意到它,也能通過右手邊幾個更小的標志注意到T恤促銷的信息。
 
你還可以通過使用”留白“或”顏色“來起到強調的作用。它們可配合”圖形“使用,但通常情況下你不必用全,一兩個即可。三個元素的同時使用會造成一種過于夸張的吸引力,讓用戶很難再去注意頁面其他的部分,尤其是主要內容。

整體感
 
整體感是一個見仁見智的概念,一種“合而為一”的感受。沒有什么元素是實在無法符合設計氛圍和感覺的。


關于整體感有個重要的例子——Dave Werner的portfolio作品集。其每一頁都有網站手稿、圖釘和其他一些雜七雜八的玩意兒,他把這些元素結合在一起并且打造出了整體感。既沒有一樣元素顯得過于突兀,也沒有出現迥異的整體風格。

相關文章/Related

  • 濟南建網站并不是越便宜

    企業建設營銷型企業網站,其目的在于銷售產品或者提供服務,如果你沒有一個...

  • 國外服裝行業網站建設案

    國外的設計一直引領世界的潮流,遠遠甩中國大陸幾十條街,下面 濟南網站建...

  • 淺談濟南網站建設響應式

    大陸最先出現響應式布局 網站建設 這個概念還是在2013年左右,當時大陸做這種...

  • 通過三個要素檢測你網站

    今天重點說說用戶體驗設計中最關鍵的三個要素:別讓我等!別讓我想!別讓我...

  • 企業網絡宣傳不能單單靠

    隨著互聯網+病毒一樣的流傳開來,中小型企業越來越開始重視網絡宣傳。一些...

  • 濟南網站建設去這幾個國

    一個好的網站不是靠設計師憑空就能想想出來的,網頁設計和其他平面設計一樣...

  • 營銷型網站建設才能讓你

    很多人以為建網站很簡單,花幾百元錢甚至一兩千元錢就能建個網站。晨曉網認...

  • 主站蜘蛛池模板: 软膜天花_软膜灯箱_首选乐创品牌_一站式天花软膜材料供应商! | 粘弹体防腐胶带,聚丙烯防腐胶带-全民塑胶 | 实验室pH计|电导率仪|溶解氧测定仪|离子浓度计|多参数水质分析仪|pH电极-上海般特仪器有限公司 | Maneurop/美优乐压缩机,活塞压缩机,型号规格,技术参数,尺寸图片,价格经销商 | 东莞市海宝机械有限公司-不锈钢分选机-硅胶橡胶-生活垃圾-涡电流-静电-金属-矿石分选机 | 超声波清洗机-超声波清洗设备定制生产厂家 - 深圳市冠博科技实业有限公司 | 衢州装饰公司|装潢公司|办公楼装修|排屋装修|别墅装修-衢州佳盛装饰 | COD分析仪|氨氮分析仪|总磷分析仪|总氮分析仪-圣湖Greatlake | 广西绿桂涂料--承接隔热涂料、隔音涂料、真石漆、多彩仿石漆等涂料工程双包施工 | 蓄电池在线监测系统|SF6在线监控泄露报警系统-武汉中电通电力设备有限公司 | 中央空调维修、中央空调保养、螺杆压缩机维修-苏州东菱空调 | 涡街流量计_LUGB智能管道式高温防爆蒸汽温压补偿计量表-江苏凯铭仪表有限公司 | 横河变送器-横河压力变送器-EJA变送器-EJA压力变送器-「泉蕴仪表」 | SRRC认证_电磁兼容_EMC测试整改_FCC认证_SDOC认证-深圳市环测威检测技术有限公司 | 昆山新莱洁净应用材料股份有限公司-卫生级蝶阀,无菌取样阀,不锈钢隔膜阀,换向阀,离心泵 | 混合气体腐蚀试验箱_盐雾/硫化氢/气体腐蚀试验箱厂家-北京中科博达 | 珠海冷却塔降噪维修_冷却塔改造报价_凉水塔风机维修厂家- 广东康明节能空调有限公司 | 橡胶接头|可曲挠橡胶接头|橡胶软接头安装使用教程-上海松夏官方网站 | 制氮设备-变压吸附制氮设备-制氧设备-杭州聚贤气体设备制造有限公司 | 电子元器件呆滞料_元器件临期库存清仓尾料_尾料优选现货采购处理交易商城 | 三价铬_环保铬_环保电镀_东莞共盈新材料贸易有限公司 | 北京网络营销推广_百度SEO搜索引擎优化公司_网站排名优化_谷歌SEO - 北京卓立海创信息技术有限公司 | 真空泵维修保养,普发,阿尔卡特,荏原,卡西亚玛,莱宝,爱德华干式螺杆真空泵维修-东莞比其尔真空机电设备有限公司 | 工业硝酸钠,硝酸钠厂家-淄博「文海工贸」| 冷镦机-多工位冷镦机-高速冷镦机厂家-温州金诺机械设备制造有限公司 | 活性炭-蜂窝-椰壳-柱状-粉状活性炭-河南唐达净水材料有限公司 | PCB接线端子_栅板式端子_线路板连接器_端子排生产厂家-置恒电气 喷码机,激光喷码打码机,鸡蛋打码机,手持打码机,自动喷码机,一物一码防伪溯源-恒欣瑞达有限公司 假肢-假肢价格-假肢厂家-河南假肢-郑州市力康假肢矫形器有限公司 | 武汉印刷厂-不干胶标签印刷厂-武汉不干胶印刷-武汉标签印刷厂-武汉标签制作 - 善进特种标签印刷厂 | 航空障碍灯_高中低光强航空障碍灯_民航许可认证航空警示灯厂家-东莞市天翔航天科技有限公司 | 净化板-洁净板-净化板价格-净化板生产厂家-山东鸿星新材料科技股份有限公司 | 气动|电动调节阀|球阀|蝶阀-自力式调节阀-上海渠工阀门管道工程有限公司 | 消防泵-XBD单级卧式/立式消防泵-上海塑泉泵阀(集团)有限公司 | 传递窗_超净|洁净工作台_高效过滤器-传递窗厂家广州梓净公司 | 国产液相色谱仪-超高效液相色谱仪厂家-上海伍丰科学仪器有限公司 | 应急灯_消防应急灯_应急照明灯_应急灯厂家-大成智慧官网 | 耐酸碱胶管_耐腐蚀软管总成_化学品输送软管_漯河利通液压科技耐油耐磨喷砂软管|耐腐蚀化学软管 | 岩棉板|岩棉复合板|聚氨酯夹芯板|岩棉夹芯板|彩钢夹芯板-江苏恒海钢结构 | 北京普辉律师事务所官网_北京律师24小时免费咨询|法律咨询 | 重庆波纹管|重庆钢带管|重庆塑钢管|重庆联进管道有限公司 | 高扬程排污泵_隔膜泵_磁力泵_节能自吸离心水泵厂家-【上海博洋】 | 杭州顺源过滤机械有限公司官网-压滤机_板框压滤机_厢式隔膜压滤机厂家 |