pbootcms网站模板|日韩1区2区|织梦模板||网站源码|日韩1区2区|jquery建站特效-html5模板网

騰訊美女設計師教你欲擒故縱

   需求人和設計人之間的矛盾是設計的永恒話題,如果處理不好通常會把雙方推向無休止的、互鉆牛角尖的爭論,在許多需求方的眼中通常沒有最重點,只有更重點。不過近兩年中國的設計環鏡似乎稍有改善。

  設計過程中,我們的周圍經常會充斥著這樣的聲音,這個部分再放大一些,這個顏色再明亮一些,我們需要更炫的效果.通常在這樣聲音的充斥下我們很容易簡單的使用加法,進行放大加粗提亮,導致整個畫面充滿了重點,充滿了重點也就意味著再次失去重點。

  說說——面對需求的逆向思維設計方法

騰訊美女設計師教你欲擒故縱 三聯

  需求人和設計人之間的矛盾是設計的永恒話題

  需求人與設計人之間的修改比拼,不僅是智商的比拼,還是情商的比拼,如果處理不好通常會把雙方推向無休止的、互鉆牛角尖的爭論。欲擒故縱不論在溝通還是設計修改中都是一個可以選擇的辦法。

  各種特效各種飄 各種姿勢各種招

  在許多需求方的眼中通常沒有最重點,只有更重點。設計過程中,我們的周圍經常會充斥著這樣的聲音,這個部分再放大一些,這個顏色再明亮一些,我們需要更炫的效果.通常在這樣聲音的充斥下我們很容易簡單的使用加法,進行放大加粗提亮,導致整個畫面充滿了重點,充滿了重點也就意味著再次失去重點.

  在一次次不斷的被輪奸下,就有了如下的產物···各種特效各種飄 各種姿勢各種招~

  網頁設計中的“擒”與“縱”

  “突出”與“減弱”,“突出”我們應該如何應對。

  想想——突出也可以通過減弱來獲得

  那么突出我們應該如何應對,突出可以理解成是一個相對的詞語,相對的突出,這種情況下我們除了加強本體而產生突出的效果,也可以通過削弱其它個體從而產生本體的突出效果,所以,我們來做個小實驗.

  加強法是基于重點7號球本體展開,我們在色彩和結構上進行加強法操作。

  1. 色彩加強法包括:加強明度、飽合度等使其更明亮更顯眼。

  2. 結構加強法包括:變大、變形、增加標識等。

  PS:加強的方法有很多,我們可以總結歸于是色彩和結構的變化,具體類型不再畫細分說明。

  減弱法是在重點7號球以外的球體進行操作的,我們在色彩和結構上對其進行減弱的處理。

  1. 色彩減弱法包括:降低其它物體的明度、飽合度、透明度等,使主體更加突出。

  2. 結構減弱法包括:減小其它物體的大小來使主體更大更突出。

  對比總結:

  加法:

  加法是在原有設計的基礎上,增加、突出、放大、強化某個特定部分使其得到突出。加法本身并沒有問題,它是一種比較直接的思路,不論是需求方還是設計人都會下意識的使用這種辦法,但是物極必反,過于頻繁的單一的使用加法往往會把自己逼上絕路。

  減法:

  欲擒故縱里的減法是通過減少、縮小、弱化其它部分使某個特定部分得到突出。這是一種逆向的思維。配合加法一起使用,可以避免畫面過說擁擠,刺眼。

  滿:

  “滿”的目的本身是希望用戶能夠看到并吸收更多信息,但呈現并不表示會被看到,而看到也并不代表會被記住。如何更好的梳理閱讀,讓用戶保持愉快的閱讀,讓信息在合適的時候出現才能真正達到“滿”的目的。

  空:

  “空”在語義上似乎處于“滿”的對立面。但它對內容的吸收比率往往可能比滿更高。留白可以帶給信息更好的閱讀性,也為設計帶來更高的品質感。如果在擁擠的路上走得疲憊不堪的我們,不如我們反其道而行,欲擒故縱,下面我們就將法碼移向右面,來看看”空“境的別樣風景。

  看看——設計中的空帶來的更多思考和情趣

  建筑上的空

  在建筑的空間設計上也經常犧牲空間來創造宏偉的視覺感受。

  攝影里的空

  攝影中也常利用空白引發人深思。

  一、內容較少的頁面

  我們先來看一些內容量較少的簡潔排版設計。不慌亂的空間給產品賦予了專業和大氣的氣質。

  視覺簡潔,作者并不急于將下面部分的內容充滿主視覺的空間。而較大量的留白反而讓內容成了焦點,條理層次鮮明。

  二、長頁面

  下面我們來看一下內容較多的頁面,在多內容的情況下,我們是否還能以“空”的形式進行設計呢?長頁面是一個選擇。它能盡量在用戶不跳轉的情況下通過滾動獲得所有的信息。由于無需跳轉,長頁面的形式適合主題相對連貫的內容,或者在設計上使用連貫的創意以保證持續閱讀。除了頁面的連貫性設計外,長頁面還要注意因為頁面過長而產生的疲勞感。下面我們來看看幾個長頁面設計是如何解決這些問題的。

  整體造型讓信息閱讀保持延續性

  這是一個有趣的長頁面。玩家通過滾動屏幕瀏覽完頁面所有內容。首屏的信息相當簡潔,用戶進入時看到一個瓶蓋、一根吸管以及由幾個氣泡組成的按鈕,用戶可以通過滾動鼠標進行瀏覽。順延著吸管而下的瓶身逐步呈現了頁面的內容。創意連貫,交互也很有趣,視覺表現同樣精彩。

  這個頁面,玩家在首屏時看到的是產品的LOGO,并通過吸管的引導瀏覽完全部內容,在形式和內容呈現上都充滿了創意。我們將幾個關鍵細節放大如下。

  三、多層級頁面

  層級的收納既能滿足內容的展示需要,又能保持界面簡潔大氣的需要。

  《C9》的資料站,和TERA的布局排版及理念近似,都在收納上有比較好的表現并給視覺以較大的展示空間。畫面簡潔、UI扁平輕薄卻不失游戲性。

  做做——QQ西游花祭頁面

  一、QQ西游花祭頁面

  需求分析

  我們來看看收到的需求

  1、信息量:這是一個體量適中的需求,

  2、主題:花祭,專題需求的大意是原來的游戲SLOGAN被勒令使用,希望玩家來禱念同時選出新的SLOGAN,參與者將獲得禮物一份。

  3、調性定位:從需求方得到的調性要求為哀傷,但雖然是祭是死去,卻不能恐怖或憤恨,并且要讓人看到新的希望。這種調性區別于抽獎、慶祝等歡樂的活動。我們選擇了凄美的調性,而空白、安靜正好可以體現出這種哀傷的情懷。但內容繁多,我們應該如何處理”空”的表現。

  設計分解

  1. 空

  1. 減小一屏顯示內容,制造一個空靈安靜的祭奠氣氛。

  2. 視覺反差也讓用戶關注到了這個頁面,并且快速閱讀到了“花祭”這個主題信息。

  3. 余下的內容將繼續保持空的凄美調性,并進行分頁處理。

  我們就來看看由分頁產生的問題該如何解決。

  2. 連貫性問題

  1. 為了滿足閱讀的連貫性,與需求方商量,將原來的“獻花”“選新SLOGAN”“轉發微博”“祝福墻”的無連貫性標題改為帶有情感主題色彩的并連貫的“花愿”“花種”“花瓣”“花祭”,使花祭的情緒貫穿全文,并最終收尾回到到“花祭”。

  2. 用虛線隱喻花瓣飄落的曲線,被通過曲線形態貫穿整體形,不出現斷層。

  3. 利用“1.2.3”暗示和提示讀者正文的內容存在。

  4. 利用“箭頭”進行閱讀指引

  3. 存在感問題

  1. 利用飄落的花瓣交待上下空間感的存在

  2. 利用立起的紙面交待前后空間感的存在

  3. 加入花和彩帶等重點裝飾使頁面不至于過于飄浮。

  4. 疲勞感問題

  1. 利用斜體增加趣味性減少因長時間白色而引起的疲勞感。

  2. 在滾動三屏白色主調過后進行變色處理,讓眼睛進行分類休息。增強對畫面的記憶。

  3. 底部制作二級主視覺,在長時間安靜閱讀中,起到一定的提神作用。

  4. 另外可以在頂部放置彩蛋誘惑,讓玩家到底部尋找答案或禮品等都可以增強閱讀興趣減少疲勞感,并保持連貫性。

  頁面展示

 

【網站聲明】本站除付費源碼經過測試外,其他素材未做測試,不保證完整性,網站上部分源碼僅限學習交流,請勿用于商業用途。如損害你的權益請聯系客服QQ:2655101040 給予處理,謝謝支持。

相關文檔推薦

這篇文章給大家詳細介紹了HTML頁面跳轉及參數傳遞問題,需要的朋友參考下吧
這篇文章主要介紹了純css實現照片墻3D效果的示例代碼,可以實現鼠標經過圖片實現改變,具有一定的參考價值,感興趣的小伙伴們可以參考一下
本篇文章主要介紹了純 Css 繪制扇形的方法示例,小編覺得挺不錯的,現在分享給大家,也給大家做個參考。一起跟隨小編過來看看吧
本篇文章主要介紹了一份純CSS loading效果代碼示例,小編覺得挺不錯的,現在分享給大家,也給大家做個參考。一起跟隨小編過來看看吧
這篇文章主要介紹了css 實現文字過長自動隱藏功能,需要的朋友可以參考下
本篇文章主要介紹了詳解CSS3 rem(設置字體大小) 教程,小編覺得挺不錯的,現在分享給大家,也給大家做個參考。一起跟隨小編過來看看吧
主站蜘蛛池模板: 精密模具加工制造 - 富东懿 | 防爆型气象站_农业气象站_校园气象站_农业四情监测系统「山东万象环境科技有限公司」 | 天一线缆邯郸有限公司_煤矿用电缆厂家_矿用光缆厂家_矿用控制电缆_矿用通信电缆-天一线缆邯郸有限公司 | LCD3D打印机|教育|桌面|光固化|FDM3D打印机|3D打印设备-广州造维科技有限公司 | 北京普辉律师事务所官网_北京律师24小时免费咨询|法律咨询 | 仿真茅草_人造茅草瓦价格_仿真茅草厂家_仿真茅草供应-深圳市科佰工贸有限公司 | 讲师宝经纪-专业培训机构师资供应商_培训机构找讲师、培训师、讲师经纪就上讲师宝经纪 | 房在线-免费房产管理系统软件-二手房中介房屋房源管理系统软件 | 丹佛斯变频器-丹佛斯压力开关-变送器-广州市风华机电设备有限公司 | 数码管_LED贴片灯_LED数码管厂家-无锡市冠卓电子科技有限公司 | ETFE膜结构_PTFE膜结构_空间钢结构_膜结构_张拉膜_浙江萬豪空间结构集团有限公司 | TMT观察网_独特视角观察TMT行业| 知企服务-企业综合服务(ZiKeys.com)-品优低价、种类齐全、过程管理透明、速度快捷高效、放心服务,知企专家! | EDLC超级法拉电容器_LIC锂离子超级电容_超级电容模组_软包单体电容电池_轴向薄膜电力电容器_深圳佳名兴电容有限公司_JMX专注中高端品牌电容生产厂家 | 立刷【微电签pos机】-嘉联支付立刷运营中心 | SPC工作站-连杆综合检具-表盘气动量仪-内孔缺陷检测仪-杭州朗多检测仪器有限公司 | 托盘租赁_塑料托盘租赁_托盘出租_栈板出租_青岛托盘租赁-优胜必达 | 佛山商标注册_商标注册代理|专利注册申请_商标注册公司_鸿邦知识产权 | 淘剧影院_海量最新电视剧,免费高清电影随心观看 | 一体式钢筋扫描仪-楼板测厚仪-裂缝检测仪-泰仕特(北京) | 防火板_饰面耐火板价格、厂家_品牌认准格林雅 | 法钢特种钢材(上海)有限公司 - 耐磨钢板、高强度钢板销售加工 阀门智能定位器_电液动执行器_气动执行机构-赫尔法流体技术(北京)有限公司 | 三轴曲线机-端子插拔力试验机|华杰仪器| 伶俐嫂培训学校_月嫂培训班在哪里报名学费是多少_月嫂免费政府培训中心推荐 | 浙江栓钉_焊钉_剪力钉厂家批发_杭州八建五金制造有限公司 | 产业规划_产业园区规划-产业投资选址及规划招商托管一体化服务商-中机院产业园区规划网 | 欧美日韩国产一区二区三区不_久久久久国产精品无码不卡_亚洲欧洲美洲无码精品AV_精品一区美女视频_日韩黄色性爱一级视频_日本五十路人妻斩_国产99视频免费精品是看4_亚洲中文字幕无码一二三四区_国产小萍萍挤奶喷奶水_亚洲另类精品无码在线一区 | 汽液过滤网厂家_安平县银锐丝网有限公司 | 谷梁科技| 空气能采暖,热泵烘干机,空气源热水机组|设备|厂家,东莞高温热泵_正旭新能源 | 干粉砂浆设备-干粉砂浆生产线-干混-石膏-保温砂浆设备生产线-腻子粉设备厂家-国恒机械 | 上海风淋室_上海风淋室厂家_上海风淋室价格_上海伯淋 | 首页|专注深圳注册公司,代理记账报税,注册商标代理,工商变更,企业400电话等企业一站式服务-慧用心 | MVE振动电机_MVE震动电机_MVE卧式振打电机-河南新乡德诚生产厂家 | 工业铝型材生产厂家_铝合金型材配件批发精加工定制厂商 - 上海岐易铝业 | 金库门,金库房,金库门厂家,金库门价格-河北特旺柜业有限公司 | 山东PE给水管厂家,山东双壁波纹管,山东钢带增强波纹管,山东PE穿线管,山东PE农田灌溉管,山东MPP电力保护套管-山东德诺塑业有限公司 | 江门流水线|江门工作台|江门市伟涛行工业设备有限公司 | 电抗器-能曼电气-电抗器专业制造商 | 武汉刮刮奖_刮刮卡印刷厂_为企业提供门票印刷_武汉合格证印刷_现金劵代金券印刷制作 - 武汉泽雅印刷有限公司 | 广东护栏厂家-广州护栏网厂家-广东省安麦斯交通设施有限公司 |