站長蒼茫時用PDCAR規(guī)律來取得打破 |
發(fā)布時間:2017-04-21 文章來源: 瀏覽次數(shù):2870 |
幻想并構(gòu)建出差異于常見網(wǎng)站規(guī)劃的立異式設計是一件很難的作業(yè),可是一旦把這件事做好,就能夠設計出那些最賦有興趣又令人入神的網(wǎng)站。 你簡直天天都能夠見到這些網(wǎng)站,每次看到他們,你都會感慨到:“多期望我最初能夠想到這個點子。”設計師們正在完結(jié)一項了不得的作業(yè),設計出一系列精巧的頁面元素并將其組合在一起,這些頁面不光具有可用性,一起又賦有新鮮感和自創(chuàng)味道。 共同的外型、色彩的組合調(diào)配和新穎的導航東西能夠設計出那些最賦有興趣又令人入神的網(wǎng)站。 這些網(wǎng)站也相同難以幻想和構(gòu)建。 可是你永久不知道啥也許會引領一場新的趨勢,帶來許多的點擊或許以一種你無法幻想的方法“作業(yè)“。關(guān)于設計師和開發(fā)人員而言,在頁面設計中最需求記住的是不管外觀多么賦有吸引力,一定要保證可用性及效率。在設計過程中聯(lián)系創(chuàng)造性的考慮,仔細分析要害因素,這么天天都會發(fā)生別致而吸引人的好點子。 跳出構(gòu)造考慮 第一個疑問:為啥? 勾畫網(wǎng)站草圖時,咱們?yōu)樯独鲜怯镁匦?為啥老是用某類特定的色彩或字體?為啥相片都是相同完美的4*6的長寬比? 第二個疑問:怎么與眾不一樣? 不斷增加的網(wǎng)站經(jīng)過挑選賦有興趣的立異的規(guī)劃來答復第二個疑問,運用帶有圓角的形狀、賦有戲曲作用的圖畫、也許并不顯眼的色彩,以這種新的方法來進行頁面的導航和翻滾設計。 基本概念 當咱們開展一些新的概念時,打破既有方式的要害點在于緊記基本概念。不管網(wǎng)站看起來有多么酷炫,一定要滿意可讀性和可用性,不然用戶無法閱讀拜訪網(wǎng)站并與內(nèi)容發(fā)生互動。 設計過程中要時刻考慮用戶的做法,想想他們是怎么了解和運用網(wǎng)站的。假如你的用戶是超級技能達人,那么導航或許翻滾設計只需有一點點的小疑問就會被凸顯出來。可是假如你的用戶是電腦小白,那么你也許只需求關(guān)注最基本的導航東西。 用戶拜訪你的網(wǎng)站是有目的性的。當他們進入網(wǎng)站時,他們想要的一定要體現(xiàn)的滿足杰出。保證你的設計能夠表達出網(wǎng)站的真實用途-供給信息咨詢、文娛、商業(yè)等等。 不要測驗做許多。挑選一個風趣的主意然后做下去,可是不要測驗一起做許多作業(yè)。記住,假如你的網(wǎng)站上有太多的東西的話,用戶不會在上面停留的。找到一條風趣而共同的方法與他們溝通互動。 五個網(wǎng)站實例 那么怎么能夠把創(chuàng)造性、可讀性和可用性這些特性完美的組合在一起?咱們能夠看看下面這些網(wǎng)站、他們在做一些新穎的、意想不到又適當精彩的作業(yè)。
Lowdi正在做一件了不得的作業(yè),經(jīng)過一些不一樣尋常的圖形創(chuàng)造視覺的興趣性。每個色塊不僅有一些特定方式的圓角(或是反向的圓角),一起這些色塊的形狀也和公司所出售的商品類似。即便你不去看屏幕上的Lowdi盒子,你也會想到他。經(jīng)過翻滾,這個盒子(實際上是一個揚聲器體系)經(jīng)過一系列彈出式氣泡與你進行溝通。這個主意風趣、新鮮,引人入勝。 Steve Vorass在他的自己著作網(wǎng)站上采用了盛行的 “隱藏式導航“ 進行設計。網(wǎng)站在屏幕的頂部簡略的展現(xiàn)了項目、著作、聯(lián)系方法幾個模塊的導航,可是頁面中的圖像也相同具有導航功用。每張不一樣的圖像都會跳轉(zhuǎn)到不一樣的項目。更為重要的是,當你的鼠標懸停在圖像上方時,每張圖像都會提示點擊后翻開的內(nèi)容。悉數(shù)網(wǎng)站的設計十分簡練,這些意想不到的動畫作用相同如此。 Caava Design在圖像的挑選和圖形的興趣化上都有拔尖的體現(xiàn),但更富具構(gòu)思的地方在于翻滾的設計。悉數(shù)網(wǎng)站的設計根據(jù)時刻軸這一體現(xiàn)方式。點擊每張圖像都會展現(xiàn)另一維度的信息內(nèi)容。其特別的地方在于你乃至不需求經(jīng)過時刻軸來進行導航和了解網(wǎng)站。網(wǎng)站構(gòu)造明晰,設計精巧。 Joint本身定位為立異的商業(yè)設計。而他的網(wǎng)站說明了這一點。每個頁面都供給了可點擊的挑選區(qū)域來進行導航。設計簡練,只是運用了灰白色系(不包括博客中的彩色相片),可是鼠標懸停動畫作用和網(wǎng)站的可讀性是令人驚嘆的。當你在挑選怎么閱讀網(wǎng)站時,這會令你想要不斷地進行點擊。 Ballantyne將精巧的圖像、風趣的圖形和酷炫的翻滾作用成果在一起,來吸引用戶的留意。這個時髦零售網(wǎng)站的事例告訴咱們在展現(xiàn)海量商品的一起怎么風趣的展現(xiàn)公司信息。每次向上翻滾三張圖像時,下方會展現(xiàn)一張新的圖像。翻滾會繼續(xù)在幾屏內(nèi),讓你不由得去看接下來會出現(xiàn)啥。除此之外,這種賦有特性的斜邊外型令悉數(shù)圖像流的出現(xiàn)更具有線性,也更有興趣。 總結(jié) 多年以來,我一向聽到設計師在說:不會再有啥自創(chuàng)理念了。這種主意很差勁。每一天,新的技能和設備都在改變著咱們關(guān)于頁面設計和設計流程的考慮。脫離舒服的位置,走出去來一場腦筋風暴,然后把主意帶回到作業(yè)中,要保證包括可用性所必不可少的悉數(shù)元素。 別的要記住,一些“張狂”的主意也許會失敗。那沒啥大不了。概括總結(jié)、不斷學習,然后開端下一個巨大的主意。 原文作者: CARRIE COUSINS |
|