設計網站管理後臺需要註意點什麽？

設計技巧

幾乎每個網站都有管理後臺，不過一般用戶是很少使用到而已。對於如何設計網站管理後臺界面來說，是個並不長討論的話題，原因是一般只有管理員才需要用到網站後臺功能，但即便如此管理後臺還是有用戶需要使用，最常需要註意的問題就是好用與方便。 很多產品在運營期間，都需要通過後臺進行管理維護，從重要的配置項到基本的流水審核都需要用到後臺，但後臺的設計往往在產品設計中不被重視或者可能被忽略，等到真正需要的時候才會想到開發一個後臺，這樣會影響到管理操作甚至公司的正常開發計劃。 這次小D就和大家談談後臺設計相關的一些事吧： 1、在什麽時候需要考慮後臺功能的設計？ a、產品設計期間：在設計一個產品的時候，需要明確各項功能的流程及數據流，可以在設計過程中記錄下流程中的哪些步驟需要員工參與，例如需要審核的關鍵點、需要由人工設置的頁面或區域，記錄下來後，在產品設計後期來考慮是否需要用後臺來實現； b、產品運營期間：在產品運營期間，往往會發現一些大量重復的操作需要由開發人員來完成，例如修改用戶密碼、刪除某種信息等等，那這項操作就可以考慮編寫到後臺中，以提高效率；另外，需要多聽取客服及相關運營人員的建議，看看他們在運營過程中，有哪些操作步驟比較繁瑣、需要添加哪些功能，根據反饋來考慮設計開發後臺或對當前後臺進行升級處理。 設計產品時，別到最後才來考慮後臺的設計，往往容易漏掉一下必要的功能。 2、哪些操作真的需要用後臺來實現？ 在產品日常運營中，根據產品類型和用戶規模不同，一些操作的量和度都不同，不是所有的功能都有必要用後臺來實現，需要考慮每一項後臺功能的性價比。如果一個後臺功能很多天用不上一次，並且操作極為簡單，但開發它卻需要很長時間，那這樣的功能可以考慮不用後臺來實現，而是直接讓工程師直接修改界面、程序或數據庫，這樣反而能節約公司資源；例如廣告位：不同的公司、不同的產品，都需要根據廣告更換的方式、頻率、操作復雜度來決定是否使用廣告位後臺，如果沒有必要，那就直接修改界面吧，修改界面可能幾分鐘就完成，和操作後臺差不多。 3、如何設計後臺中需要的功能？ 不同的產品對後臺功能的需求都各不相同，但需要把握幾個關鍵的點即可將所需的功能考慮得差不多： a、公開的信息需要審核：根據信息的類型慎重決定是審核前公開還是審核後再公開； b、流程中需要由員工處理節點：例如身份認證審核、訂單處理、報錯/舉報處理等都需要通過後臺處理； c、界面模板切換及非固定非自動顯示的內容：例如頁面中的推薦信息、熱門人物等經常變動的內容，如果沒有設計自動調用的規則，那就需要考慮是否用後臺來管理了； d、員工發布入口：對於文章、信息等數據的添加，根據情況提供一個後臺添加的入口，增加一些特殊項、簡化一些驗證規則等是很有必要的； e、管理權限：一個多功能的後臺往往需要單獨設置權限，讓後將一個或多個權限分發給管理員 f、其他：常用查詢項、統計信息、常用小操作、特殊修改項、 以SNS為例：sns在功能上趨近於成熟了，使用開源的程序已經擁有足夠強大的後臺，但除了主要的設置項，最重要的幾個功能也不多，例如：日誌、相冊、圖片、圈子、話題、評論留言的流水審核，其中最重要的是批量刪除，在此過程中，需要用到時間段篩選、根據ID快速查詢、根據用戶查詢等；其次，較為重要的就是管理組的權限及管理者授權；雖然管理後臺已經成熟，但在此還是要與大家分享另外一項開源程序中沒有的，但又必要的後臺操作功能，那就是對上述的信息進行標記“不在大家的內容中顯示”，此功能是為了讓管理員很順手的處理那些介於刪除和不刪除之間的內容，例如一篇日誌達不到刪除標註，但又不適宜公開，讓進入他頁面的用戶能見即可，那就用到此操作了；具體實現方法：如果不想修改數據表結構，那就再添加一項隱藏的**屬性，其權限與公開一致，但公共場合只顯示真正公開的信息，所以這一類信息自然就被和諧了。 4、後臺設計中應註意些什麽？ a、模塊劃分清晰：將各項管理功能劃分到不同的模塊，各模塊間區分明顯，不出現交叉項； b、管理權限清晰：考慮運營過程中各種管理角色，將管理權限按模塊劃分清晰； c、相關功能靠攏：一些操作步驟需要用到多個功能組合，將這些功能盡量靠攏甚至建立關聯關系； d、後臺地址安全：後臺涉及到產品的安全，需要考慮僅公司內IP訪問、地址僅擁有權限者可見，否則進404等； e、操作日誌的記錄：後臺操作往往是不可逆的，這就需要規範操作流程、記錄操作日誌； f、界面簡化：後臺操作是提供給員工使用的，在界面上就越簡單越好，對主要的操作點放大處理，既能快速操作又不易出錯，同時要讓界面清爽，在色調等元素的搭配上讓人感覺清新，讓長時間使用後臺的同事不易疲勞。

新手怎樣自學網頁設計

設計技巧

其實現在網上已經有很多的關於如何學網頁設計的一些文章，我也大概看了一下，那些文章都是網頁設計從業者寫的，很專業很有知識性。但是也就因為太專業了，對於新手來說一頭霧水。你跟他說要註意什麽色彩的搭配，網頁頁面的排版。你覺得他能明白嗎。 我也是從新手過來的，所以這裏我會實際的從新手的角度出發，來看待網頁設計的學習。 對於新手而言，先不說網頁設計，因為網頁設計牽涉的東西太多，而且也不是簡單的就能學會的。  學習網頁設計，需要先學會網頁制作  。只有先學會網頁制作了，才能去設計。網頁設計是需要創意的，有豐富的想象力和經驗。總之，想要設計出一個網頁來，還是要下很多功夫的。 說到網頁設計，就不得不提到網頁三劍客，dreamweaver，photoshop，flash。三劍客的重要性就不多說了，因為網頁設計說白了，就是用著三個軟件區實現的。 廢話說了這麽多，那到底該怎樣自學網頁設計呢？ 一；好的教程。最好是視頻教程，這樣比較容易接受。目前網絡上的教程很多，但是講師水平參差不齊，經常令經常令初學者一頭霧水、一度迷茫 。覺得網頁設計很難，從而失去了學習網頁設計的興趣，所以教程很重要。但是也有不少的教程叫囂著什麽xx從入門到精通xx一書在手天下我有等等，要是真有這麽簡單，那些專門的培訓學校的學費幾千上萬的，誰還會去學啊。因為真正的高手是持之以恒，千錘百煉的。所以要多看一些教程，吸取每套教程的優點才能學會網頁制作。 二；好的導師。因為再好的教程，總有遺漏的地方，總有講不到的地方。有時碰到一個問題，就在網上到處的發帖問，還不一定有人回答你，這樣就錯失了最好的學習時間。所以有一個人帶著你入門就很重要，有的問題對於你來說百思不得其解，但是老師隨手一點，你就豁然開朗了。點著腦袋說，哦，原來如此。 三；好的交流。孤軍奮鬥總是讓人感到疲憊，每天一個人對著電腦昏昏欲睡。很孤單，很受傷，很容易放棄。但是如果有一群誌同道合的朋友在一起學習，交流。就會有興趣學習了，彼此交流學習的經驗，方法。彼此的競爭。就像在學校上學的時候一樣，這次你考了第一，下次我就要超過你。形成良性循環，不僅學會了網頁設計，還能交到朋友，擴大人脈。這年頭，人脈就是金錢啊，雖然很俗，但是你不得不承認。

網頁設計那點事

設計技巧

從06年大學畢業到至今，一直在從事網頁設計，剛開始在一家主要設計一些房地產項目網站，這類型網站要求：創意、互動、cool等；後來去另一家公司主要是設計一些企業類型的網站，至今主要負責門戶類網站設計。經過這麽多年的“操練”，總結了一些點點滴滴和大家分享，說得不好請猛擊指出！ 這裏我主要說下，門戶類網站設計過程中註意的細節及要註意的問題！ 門戶網站設計有很多種。最為國人熟知的是像迅雷看看、新浪、騰訊網那種信息類門戶。現在也有博客門戶等。象當當、淘寶那樣的購物平臺，其實也是一種門戶，只不過陳列的是商品信息而已。而迅雷看看、土豆、優酷等是以視頻信息為主的門戶！不同的門戶，有不同的需求，都應該根據這些需求出發去設計網站，這是眾所周知的，但是它們之間也有共性，那就是都要求提高瀏覽效率設計上要求簡潔、大氣，以信息最大！設計都是為了信息內容及用戶體驗而設計。 從下面三個方面來說下網頁設計中註意的細節及要註意的問題！主要從我經驗上說開去，有不全，請大家補充，提意見！呵呵~~~~~~ 一、設計前那點事 1. 仔細全面整理、了解網站所涉及的產品文案[溝通] 當產品經理發起一個產品需求時，專業的產品的經理都要會寫一份詳細的產品需求文案和網站的交互搞.產品文案中會設計到網站的功能及特性、網站與用戶的關系、用戶操作流程、及設計上一些要求等等。這時我們就要和產品經理深入溝通，了解他們需要什麽樣的東西！主動發表自己的意見和提出文案中的疑問！溝通是關鍵，不然你會走好多彎路，最好又要重新開始！ 2. 梳理網站框架與布局[初步] 網頁布局大致可分為“國”字型、拐角型、“T”字型、“L”字型、綜合框架型、Flash型、變化型等。門戶網站設計布局必須要以“快捷方便速度優先價值內容”為指導。最重要的優化客戶的需求，布局盡量簡潔化、簡單化！我們要做的把握網站的定位對產品經理的簡單的示意圖做處合理的框架布局。當然了，公司有交互設計師，那是交互要做的事。 3.明確網頁的色彩搭配及整個風格走向[深入] 一般門戶網頁設計的色彩 指先選定一種色彩，然後調整透明度或者飽和度，(說得通俗些就是將色彩變淡或則加深)，產生新的色彩，用於網頁。這樣的頁面看起來色彩統一，有層次感。而這種色彩一般來自於產品的logo主色調.當然了，還有了解網頁設計用色的相關原理，才調出更好色彩搭配！這裏就不多講，需要大家有良好的審美能力，審美能力也不是一天兩天就可以達到很高的水準的！ 4.參考瀏覽相關優秀網站 [探導] 根據產品的性質，尋找類似的優秀網站作為參考和探導。目的讓自己更深入地了解這個產品需求的全球走向及設計風格趨勢，以致能更好滴把握整體網站的設計定位！ 二、設計中那點事 1. 鋪好框架，明確分類，確定相關尺寸 [動手] 柵格化布局,這個時候我們就要對整站，版塊高度、間距及圖片的尺寸做嚴格的要求和規定。我的習慣是先鋪好整個網站框架，然後再去深入細節，如配色、樣式等。 從上至下依次展開設計。 如圖一樣，把整個結構用單色（灰色比較好）鋪好！然後逐步去設計，這樣下來不會亂，也會比較統一