老司机91精品网站在线观看-老司机67194免费观看-老司国产精品视频-老熟人老女人国产老太-中文字幕日本在线-中文字幕日本一区久久

首頁

網頁設計中建立良好的視覺層級,好文!

藍藍設計的小編

 

隨著互聯網信息爆炸式增長,用戶瀏覽單個網頁時,并不像我們想象的如閱讀文章般從左到右、從上倒下逐一查看,為什么?

一、 視覺層級為什么重要

左側是設計師期望用戶的瀏覽方式,右側為用戶實際的瀏覽方式—摘自《Don’t make me think》

用戶來到一個網站有他自己特定的目標,如閱讀新聞、購物、查看新消息,然而信息量太大,逐一查看需要大量時間,這就要求網站能抓住主流用戶特征,將重點推送給他,用戶找到自己的目標或感興趣的點,才有可能繼續瀏覽或產生下一步動作,否則就會離開。

用戶時間有限加上互聯網信息量巨大,這兩項原因正是考驗視覺設計師要建立良好的視覺層級呈現給用戶,幫助用戶快速找到目標的功力。

總結一下,建立有效的視覺層級主要從以下四個方面著手:

1、簡約: 有選擇的展現信息,讓用戶在有限的信息中發現重點

2、組織: 預先對信息進行科學的分類,整理好優先級,可以得到更好的傳播效果

3、呈現: 多種表現方法結合,呈現最好的視覺層級效果,這個點細化后有很多可挖,這里總結了幾個點,歡迎繼續哈

4、引導: 遵循用戶習慣,同時給予適當的引導推薦

怎樣的設計能給人留下深刻印象?

藍藍設計的小編

 怎樣的設計能給人留下深刻印象?

  名人效應 (借助名人或明星效應,產生不言而喻的說服力)

  每人內心都有自己仰慕或效仿的對象,而且有一種想盡可能地向他靠近的心理欲求,從而獲得心理上的滿足。在選擇人物形象時必須要與產品的品格相吻合、使用戶快速理解產品傳遞的特點和價值,比如我們以往的設計作品中經常會使用到馬云的形象,他在互聯網具有極高的話語權,選擇用他的形象來推廣產品能產生不可言喻的說服力,當然你不能濫用。

  時勢結合 (緊隨潮流,激發思想和感情上的共鳴)

  結合當前社會事件如釣魚島、奧運會、中秋節、中國好聲音等等,或當下流行的語言詞匯如屌絲、高富帥、白富美等等,緊隨潮流的事物反應當下的社會形態,潛移默化的感染到用戶的思想或感情,產生震撼和共鳴。下面的例子就是結合現在最流行最熱門的節目“中國好聲音”。

看看國外知名設計師的草稿和成品對比

藍藍設計的小編

大多數的設計師都習慣在紙上開始自己的工作,假如你也是設計師,想必手上也有一兩本筆記本,上面隨手記了一些漂亮的草稿吧。不管你的草稿有多草(糙),都是值得自豪的,為什么不亮出來給別人看看呢?

  別的設計師的草稿都是什么樣子的呢?

  Buzz Usborne, Campaign Monitor (活動監測)

  先來看看 Buzz 的設計草稿

 

  草稿里的對角線和最終成品的對角錢相呼應,Buzz 的草稿并不強調細節,而是注意線條和指引的清晰程度。

  Buzz 的成品

四兩撥千斤的網頁設計產品經理工作小工具分享!

藍藍設計的小編

本篇的主題是分享一些四兩撥千斤的小工具。 沒有下面的軟件的同學,一定會喜歡!已經有的同學,就可以飄走了!~

注意,所有小工具都是綠色的!綠色意味著你不用安裝,體積極小,拷貝一份即可使用。
為什么要推薦?這么多年來,這些工具一直陪伴我的工作,并且已經私下里推薦給很多同學,用過的人都叫好。

NO.1 截圖利器之FSCapture
  • 推薦理由: 綠色、輕量+強大截圖功能,裝機必備之利器
  • 應用場景: 截圖啊!做幫助文檔啊!插圖啊!太多了!比如下圖就是用此用具截圖并編輯的:

用戶體驗設計答疑對話(半吊子和純外行)

藍藍設計的小編

[總結]:在用戶的視角來看,我們也希望他看到的都是最簡單最愉悅的一面。作為客戶培訓師,你不需要知道產品數據在我們后臺是存儲在什么服務器的。用戶搜索產品時,也更加不需要了解一個檢索詞是經過了多少詞解析判斷計算,跑了幾臺服務器,最終把結果呈現給他的。但是作為工作人員,我們得了解需要怎么做,才能夠把最簡單最愉悅的結果呈現出來。(Heidi注:如圖5所示)

P1030876

圖5:簡明網站產品建設流程圖

這個圖呈現的流程,依賴于多個部門的通力合作。從戰略層高瞻遠矚的判斷、從產品經理對于市場的分析以及功能、內容的規劃、描述,到用戶體驗團隊,開發和測試團隊的全力配合,而網站產生后,還要依賴于SEO、市場營銷、銷售和客服的工作。

成功的網站,一定是多個部門一起圍繞相同目標運作的結果,但是其中一個環節失敗,則可能會造成全盤皆輸。

本文雖然篇幅已經很長,但是涉及到具體的流程、方法,都只能簡單帶過,希望大家要記住這是對話的場景,不要以偏概全哦。
你對他提出的問題,想如何回答呢?如果你有問題,質疑,鼓勵……歡迎交流。

工作的信息搜集及管理方法,如何從搜索引擎找東西?

藍藍設計的小編

圖1:信息搜集及整理術循環圖
本文經授權刊載于《程序員》雜志2012年12月期刊。請勿轉載作為商業用途。
其他轉載請注明出處及保留原文。
關注我請點擊:http://weibo.com/heidixie

 
寫在前面
幾個月前,團隊邀我做次內部的分享,主題是如何有效搜索信息。這是因為平時工作中,我經常會分享一些專業學習文檔,而這些文檔的出現往往很及時,回應一些我們自己項目的困惑,所以大家會好奇我如何及時找得到那么專業且對口的參考資料。

 
這些資料有些來自網絡搜索,有些卻是來自我的“個人資料庫”,它分門別類,容易檢索,所以很輕易就能夠翻出來示人。所以后來,這次分享便從“搜索術”,擴大為如何獲取、整理各種信息的技能。

 
這原來我認為是常識的東西,卻在簡單分享后得到好評。受到鼓勵之余,我也明白了并不是所有人都明白有效的信息搜集及整理有多么重要,也并不是所有人,都掌握了行之有效的方法和技巧。故整理成文,做拋磚引玉之用。

 
一.信息搜集及整理循環圖

 

如上圖1所示,我認為“信息搜集及整理術”會包含三個關鍵階段:
  • 搜索:“找信息”——用各種搜索渠道快速找到所需的精準信息。
  • 集成:“存信息”——簡單來說,就是把你找到的信息,定制成為個人資料庫,按照自定義的主題,分類存儲在自己很方便訪問的地方。
  • 整理:“理信息”——信息單純集成而不加整理,時間長了就會雜亂不堪,所以才會出現很多人自己的硬盤資料庫已經塞滿了,每當需要什么資料的時候,還是需要去搜索。定期對所集成的信息進行整理(歸類,去重,留精,加可供搜索的標簽等等),能夠顯著提升信息搜索效率。

如何寫一份交互說明文檔

藍藍設計的小編

離開交互圈已經有段時間了。但由于博客還在,還是能夠偶爾收到一些郵件,上周有位同學問我:我在求職,我看到很多招聘說明上需要交互設計師編寫界面交互設計文檔 ,請問界面交互設計文檔是什么文檔?怎么編寫呢


這讓我想起來2009年自己在項目里也大力推行過交互說明文檔(在下文中,簡稱為DRD),格式倒沒什么限制,交互設計師自己寫到界面上也行,單獨文檔成文也行,總之就是讓交互設計師能夠將界面承載不了的信息通過文檔沉淀下來,降低項目里的溝通成本和風險。今天整理電腦, 翻出以前的PPT,分享之。

這將涉及到幾個問題:
一. 什么是交互說明文檔(DRD)?

 
所謂DRD即是用來承載交互說明,并交付給前端、測試以及開發工程師參考的文檔。

 
在項目中,交互設計師的主要產出物可能依次是:site map,page flow,wireframes。有的大型項目前期,交互設計師有可能還會產出用戶需求分析文檔(與PD產出的市場需求文檔不一樣的是,URD更多側重于對目標用戶的需求分析)。

 
DRD則很少有人專門撰寫。如果需要對交互設計進行說明,聰明的交互設計師往往會直接標注在線框圖里,或者在項目中不斷和前端工程師和開發工程師口口相傳,反復驗收,不斷迭代修改來確保所有的交互設計意圖最終得以呈現。

二. 為什么要寫?

 
DRD非項目必需環節,一般情況下也不會為交互設計師專門留出相應的時間預估。沒有這份文檔,項目也會繼續,但是可能項目會為此承擔不必要的溝通成本和時間成本。嚴重的話,項目的質量也會受到影響。所以寫與不寫,交互設計師需要做把握,時間被統一包含在“線框圖”環節內——如果你要寫,請在評估時預留1-2天的時間。

 
那么,結合我過去的經歷,談一下此文檔的必要性。

 
下圖是一個產品開發項目基本的流程。


 
敏捷開發意味著很多不同角色的流程需要并行操作。如果等到產品經理的FRD已經全部敲定,交互設計師再開始去畫線框圖,固然會減少溝通成本和返工風險,但是同時意味著交互設計師的很多想法不被采納。如果產品經理再強一些,他甚至會在FRD里連原始的DEMO也一并繪制出來了,功能性的需求和界面交互的需求有時無法區分太清楚——比如他會在FRD里直接要求每頁條目40條,超過40條即分頁。而交互設計師可能會認為像蘑菇街那樣不斷裝載出足夠長的頁面會更親和……所以,我們希望是和產品經理同時開始工作,在術業有專攻的時候相互補充。

 
同樣,開發工程師也希望及早介入需求,在FRD并未確認的時候就了解需求,進而將商業需求和功能需求轉化為開發工程師看得明白的開發需求清單(這個清單,大部分叫做UC,即USE CASE),當這份清單由工程師需求分析師——在過去,這個角色被叫簡稱為RA,但是目前已經取消此專門的職位,而是由開發工程師代表擔綱此環節工作,為了便于描述,在此文里,我仍然將做這件事情的人稱為RA——交付給具體的執行工程師后,執行工程師基本上可以當作一條條的checklist開始工作,而不必再思考商業邏輯和需求。同樣,測試工程師也需要編寫具體的文檔去指導很多測試人員在開發后測試,這也是基于UC和FRD去撰寫的。


 

字體的排版設計

藍藍設計的小編

作為設計師的我們,每天都在與字體打交道,我們常常希望能很好的使用他們,為設計加油添彩。我們常常納悶,電腦里這么多的字體,要用哪一個?文字有這么多,怎樣排版才能表達內心深處的思想?

常常說,藝術是相通的。將文字排版與音樂結合起來,用視覺化的音樂和文字排版相結合,會讓我們的字體排版更容易組合,更能體現我們的設計情感。

將普通的文字賦予音樂的藝術形式,將文字排版賦予聽覺的美感和視覺的美妙,更容易傳遞信息,表達其深層次的涵義。

當音樂響起時,電腦播放器里變化雀躍的頻譜圖,音響喇叭發生震動產生的聲波,跳動的五線譜和樂器發生引起的變化圖(A-01),都是我們體現情感的視覺化形式。

日歷

鏈接

個人資料

藍藍設計的小編 http://www.hk66688.com

存檔

亚洲卡1卡2乱码新区仙踪| 日韩人妻无码专区精品| 补课老师让我爽了一夜| 日韩AⅤ无码大片无码片| 国产SUV精品一区二区五| 新婚少妇下面真紧| 久久精品国产成人| 377人体粉嫩噜噜噜| 日本XXXX裸体XXXX自慰| 国产福利精品一区二区| 亚洲成A人片在线观看无码3D| 久久久久久伊人高潮影院| 99久久精品国产第一页| 日韩系列中文无码| 国产强奷在线播放| 野花日本高清在线观看免费| 欧美黑人又粗又大久久久| 第一次爱的人视频播放完整版| 午夜无码片在线观看影院网址 | 日产幕无线码三区在线| 国产精品成人影院在线观看| 亚洲国产精品久久青草无码 | 成 人 A V天堂| 无码中文字幕AⅤ精品影| 久别的草原在线看视频免费| 69无人区码一码二码三码区别| 日日噜噜夜夜爽爽| 孩交精品XXXX视频视频| 伊人久久大香线焦AV综合影院 | 蜜臂无码AV在线| 成人无码区免费A∨视频| 性欧美18-19SEX性高清播| 久久亚洲AV永久无码精品| 班长哭了能不能再抠游戏里面的钱 | 午夜精品一区二区三区免费视频| 久久99精品久久久久久久清纯| 91精品人妻一区二区| 手机看片福利永久| 精品久久久无码人妻字幂| 99精品国产福利在线观看| 天堂资源とまりせっくす| 九月婷婷亚洲综合成人| WWW插插插无码免费视频网站| 无人区一码二码三码区别在哪 | 日本熟妇色XXXXX日本老妇 | 国产精品99久久久久久人| 亚洲色精品88色婷婷七月丁香| 欧美午夜性春猛交ⅩXXX| 国产精品私密保养| 制服 丝袜 人妻 专区一本| 色婷婷五月综合激情中文字幕 | 麻豆国产果冻自制传媒| 动漫精品中文无码卡通动漫| 亚洲精品国产精品乱码不99| 欧洲精品成人免费视频在线| 国产三级在线观看播放| 16—17女人毛片毛片| 体验区试看120秒十八禁| 久久久久久亚洲精品| 成人爽A毛片免费| 亚洲精品无码久久千人斩| 欧洲少妇色XXXXX欧美美妇| 国产在线无遮挡免费观看| 999ZYZ玖玖资源站在线观看| 无套内射CHINESEHD| 免费人成在线观看视频高潮| 国产精品成人一区二区不卡| 在糖心VLOG唐伯虎女主角是谁| 熟妇高潮精品区一区二区三 | 精品国产18久久久久久| JIZZJIZZ亚洲日本少妇| 亚洲AV综合色区无码另类小说| 欧美熟妇激情一区二区三区| 国产做国产爱免费视频| Chinese辽宁人妻4p| 亚洲AV无码乱码在线观看性色扶| 欧美日韩精品视频一区二区三区| 国产一区二区三区导航| Chinese熟妇AvHD露出| 亚洲AV永久无码精品国产精品| 欧洲VODAFONEWIFI喷| 教官在我腿间疯狂驰聘视频| 被主人调教边C边打屁股作文| 亚洲老熟女 @ TUBEUM| 日本大学生处毛茸茸| 痉挛高潮喷水AV无码免费| 成人爽A毛片免费| 艳妇乳肉豪妇荡乳ⅩXX| 天天做天天忝天天噜| 妺妺窝人体色WWW看美女| 国产综合无码一区二区色蜜蜜| JAVASCRIPTJAVA成熟亲子| 亚洲精品第一国产综合麻豆| 日韩人妻无码一区二区三区视频| 久久婷婷成人综合色综合| 国产精华精华液一二三区别| 97久久精品无码一区二区| 亚洲AV永久无码精品蜜芽| 日产无码精品一区二区三区| 久久夜色精品国产噜噜亚洲AV | 我故意没有穿内裤坐公车让| 末发育娇小性色XXXX| 国内精品九九久久精品| 成年免费A级毛片免费看| 野花免费观看日本韩国| 五十路六十路七十路熟婆| 强行挺进美艳老师的后臀| 久久se精品一区二区| 国产成人亚洲精品无码青APP| 97国产精华液哪个品牌比较好贵 | 国产亚洲色婷婷久久99精品| 被黑人扒开双腿猛进夏科骨科| 夜里18款禁用B站入APP软件| 无码少妇精品一区二区免费动态| 欧美最厉害的喷水VIDEOS| 久久精品国产大片免费观看| 国产精品久久久久一区二区三区| JIZZJIZZ国产精品久久| 一本到无码AV专区无码| 亚瑟国产精品久久| 肉丝超薄丝袜交一区二区| 哪种女人弄进去最舒服| 精品成品国色天香卡一卡三| 国产CHINESE男男GAY| H纯肉无码精品动漫在线观看| 亚洲色精品一区二区三区| 无人区码卡二卡WWW| 日韩精品无码久久久久久 | 久久婷婷五月综合色奶水99啪| 国产乱码字幕精品高清AV| 差差差软件大全APP推荐免费| 在线精品亚洲一区二区| 亚洲成A人片在线观看天堂无码不| 深灬深灬深灬深灬一点| 欧美一区二区放荡人妇| 巨爆乳中文字幕巨爆区巨爆乳无码| 国产亚洲日韩一区二区三区| 俄罗斯美女做爰XXXⅩ啪啪| 99久久免费国产精品四虎99久久精品免费看国产一区二区 | 亚洲欧美一区二区成人片牛牛| 我和几个亲戚都做了爱| 日本乱妇乱子视频网站-百度| 免费无码AV片在线观看中文| 精品亚洲国产成人小电影| 国产精品原创巨作AV女教师| 吃瓜网最新官网地址| A级毛片高清免费视频在线播放| 一本加勒比HEZYO无码资源网| 亚洲浮力影院久久久久久| 我和丰满女教练在线观看| 色狠狠AV一区二区三区| 欧洲肉欲K8播放毛片| 免费人妻AⅤ无码专区久久综合 | 久久久久人妻精品一区蜜桃| 韩国无码AV片在线观看| 国产精品久久久久久无遮挡| 成年免费视频黄网站ZXGK| 午夜精品无人区乱码1区2区| 日本熟妇厨房XXXXX乱| 欧美激情国产精品视频一区二区| 巨大黑人极品VIDEOS精品| 精品人妻中文无码AV在线| 国产视频一区二区| 国产AV一区二区三区最新精品| 不卡AV电影在线| JJZZJJZZ高潮喷水妇女| 2021国内精品久久久久精免费| 一本到高清视频在线观看丶| 亚洲老熟女 @ TUBEUM| 亚洲VA欧美VA天堂V国产综合| 午夜AV内射一区二区三区红桃视| 撕掉她的衣服吮的双乳游戏 | 骚片AV蜜桃精品一区| 人妻丰滿熟妇αV无码HD| 欧美成人一区二区三区不卡| 蜜臀久久99精品久久久久久小说| 久久久一本精品99久久精品66 | 孩交精品XXXX视频视频| 国产农村一国产农村无码毛片 | 天堂А√在线最新版在线8| 日韩人妻潮喷中文在线视频| 人人做人人爽国产视| 人妻无码ΑV中文字幕久久| 欧美一区在线视频| 欧美综合自拍亚洲图久青草| 欧美丰满熟妇XXXX| 欧美夫妻免费拍拍片| 欧美成人WWW免费全部网站| 内射人妻无码色AB麻豆| 免费观看18禁无遮挡真人网站| 麻花传媒MV与其它传媒公司比较 | 三个媳妇一锅烩大团圆| 日韩无人区码卡二卡3卡一| 日本熟妇HD人妻| 日韩人妻无码一区二区三区视频| 日韩无码视频一区| 少妇性SEXBBWZⅩX| 天堂VA在线高清一区| 无码AV高潮喷水无码专区线| 无码精品视频一区二区三区|