杏吧app下载,关婷娜被揉胸视频直播,杏吧之春暖花开有你

array(23) {
  ["id"] => string(2) "96"
  ["siteid"] => string(1) "1"
  ["type"] => string(1) "1"
  ["m_id"] => string(1) "0"
  ["p_id"] => string(1) "0"
  ["name"] => string(6) "服務(wù)"
  ["thumb"] => string(63) "/modules/cms/uploads/recommend/2018/05/15/05797102164099283.png"
  ["image"] => string(0) ""
  ["desc"] => string(0) ""
  ["pdir"] => string(0) ""
  ["dir"] => string(7) "service"
  ["url"] => string(0) ""
  ["setting"] => array(15) {
    ["is_html"] => int(1)
    ["content_is_html"] => int(0)
    ["urlrule"] => int(1)
    ["contenturlrule"] => int(0)
    ["meta_title"] => string(88) "定制開發(fā)-APP定制開發(fā),微信定制開發(fā),小程序定制開發(fā),網(wǎng)站定制開發(fā)"
    ["meta_keywords"] => string(75) "APP定制開發(fā),微信定制開發(fā),小程序定制開發(fā),網(wǎng)站定制開發(fā)"
    ["meta_description"] => string(0) ""
    ["category_template"] => string(0) ""
    ["list_template"] => string(0) ""
    ["show_template"] => string(21) "show_page_dingzhi.tpl"
    ["formid"] => string(0) ""
    ["url"] => string(0) ""
    ["target"] => string(0) ""
    ["pri_grade_visit"] => array(0) {
    }
    ["pri_grade_add"] => array(0) {
    }
  }
  ["order"] => string(1) "1"
  ["sethtml"] => string(1) "0"
  ["stat"] => string(1) "2"
  ["flowid"] => string(1) "0"
  ["image_mo"] => string(63) "/modules/cms/uploads/recommend/2018/05/25/05805654599261264.jpg"
  ["page_num"] => string(1) "0"
  ["wxstat"] => string(1) "0"
  ["scope"] => string(0) ""
  ["modelname"] => NULL
  ["son"] => array(9) {
    [0] => array(22) {
      ["id"] => string(3) "187"
      ["siteid"] => string(1) "1"
      ["type"] => string(1) "1"
      ["m_id"] => string(1) "0"
      ["p_id"] => string(2) "96"
      ["name"] => string(15) "小程序開發(fā)"
      ["thumb"] => string(0) ""
      ["image"] => string(0) ""
      ["desc"] => string(112) "專業(yè)微信小程序解決方案|各種場景核心功能,提前布局微信新生態(tài),搶占第一波紅利"
      ["pdir"] => string(0) ""
      ["dir"] => string(6) "wechat"
      ["url"] => string(0) ""
      ["setting"] => array(15) {
        ["is_html"] => int(1)
        ["content_is_html"] => int(0)
        ["urlrule"] => int(1)
        ["contenturlrule"] => int(0)
        ["meta_title"] => string(107) "小程序_商城小程序_門店小程序_微圈小程序_餐飲小程序開發(fā)-藝源科技小程序開發(fā)"
        ["meta_keywords"] => string(103) "小程序開發(fā),商城小程序開發(fā),門店小程序開發(fā),微圈小程序開發(fā),餐飲小程序開發(fā)"
        ["meta_description"] => string(269) "專注提供專注提供小程序、商城小程序、門店小程序、微圈小程序、餐飲小程序開發(fā),專業(yè)團(tuán)隊,一對一服務(wù),助企業(yè)快速生成自己的移動端微商城平臺. 藝源科技小程序采用高性能數(shù)據(jù)架構(gòu),系統(tǒng)穩(wěn)定安全。"
        ["category_template"] => string(0) ""
        ["list_template"] => string(0) ""
        ["show_template"] => string(17) "show_page_xcx.tpl"
        ["formid"] => string(0) ""
        ["url"] => string(0) ""
        ["target"] => string(0) ""
        ["pri_grade_visit"] => array(0) {
        }
        ["pri_grade_add"] => array(0) {
        }
      }
      ["order"] => string(1) "0"
      ["sethtml"] => string(1) "0"
      ["stat"] => string(1) "2"
      ["flowid"] => string(1) "0"
      ["image_mo"] => string(0) ""
      ["page_num"] => string(1) "0"
      ["wxstat"] => string(1) "1"
      ["scope"] => string(0) ""
      ["modelname"] => NULL
    }
    [1] => array(22) {
      ["id"] => string(3) "199"
      ["siteid"] => string(1) "1"
      ["type"] => string(1) "1"
      ["m_id"] => string(1) "0"
      ["p_id"] => string(2) "96"
      ["name"] => string(9) "APP開發(fā)"
      ["thumb"] => string(0) ""
      ["image"] => string(0) ""
      ["desc"] => string(0) ""
      ["pdir"] => string(0) ""
      ["dir"] => string(3) "APP"
      ["url"] => string(0) ""
      ["setting"] => array(15) {
        ["is_html"] => int(1)
        ["content_is_html"] => int(0)
        ["urlrule"] => int(1)
        ["contenturlrule"] => int(0)
        ["meta_title"] => string(65) "app開發(fā)_app定制開發(fā)_app制作開發(fā)公司【藝源科技】"
        ["meta_keywords"] => string(53) "app開發(fā),app定制開發(fā)公司,app制作開發(fā)公司"
        ["meta_description"] => string(0) ""
        ["category_template"] => string(0) ""
        ["list_template"] => string(0) ""
        ["show_template"] => string(17) "show_page_app.tpl"
        ["formid"] => string(0) ""
        ["url"] => string(0) ""
        ["target"] => string(0) ""
        ["pri_grade_visit"] => array(0) {
        }
        ["pri_grade_add"] => array(0) {
        }
      }
      ["order"] => string(1) "1"
      ["sethtml"] => string(1) "0"
      ["stat"] => string(1) "2"
      ["flowid"] => string(1) "0"
      ["image_mo"] => string(0) ""
      ["page_num"] => string(1) "0"
      ["wxstat"] => string(1) "0"
      ["scope"] => string(0) ""
      ["modelname"] => NULL
    }
    [2] => array(22) {
      ["id"] => string(3) "244"
      ["siteid"] => string(1) "1"
      ["type"] => string(1) "1"
      ["m_id"] => string(1) "0"
      ["p_id"] => string(2) "96"
      ["name"] => string(12) "快抖霸屏"
      ["thumb"] => string(0) ""
      ["image"] => string(0) ""
      ["desc"] => string(0) ""
      ["pdir"] => string(0) ""
      ["dir"] => string(7) "kuaidou"
      ["url"] => string(0) ""
      ["setting"] => array(15) {
        ["is_html"] => int(1)
        ["content_is_html"] => int(0)
        ["urlrule"] => int(1)
        ["contenturlrule"] => int(0)
        ["meta_title"] => string(71) "快抖霸屏_抖音快手霸屏_短視頻營銷獲客技術(shù)提供商!"
        ["meta_keywords"] => string(69) "快抖霸屏,抖音快手霸屏,快抖短視頻搜索,同城爆店碼"
        ["meta_description"] => string(161) "藝源智能云推廣系統(tǒng)13325455411專注快抖霸屏,抖音快手霸屏,同城爆店碼,一款線下與線上流量緊密結(jié)合的營銷爆客解決方案。"
        ["category_template"] => string(0) ""
        ["list_template"] => string(0) ""
        ["show_template"] => string(20) "show_page_douyin.tpl"
        ["formid"] => string(0) ""
        ["url"] => string(0) ""
        ["target"] => string(0) ""
        ["pri_grade_visit"] => array(0) {
        }
        ["pri_grade_add"] => array(0) {
        }
      }
      ["order"] => string(1) "2"
      ["sethtml"] => string(1) "0"
      ["stat"] => string(1) "2"
      ["flowid"] => string(1) "0"
      ["image_mo"] => string(0) ""
      ["page_num"] => string(1) "0"
      ["wxstat"] => string(1) "0"
      ["scope"] => string(27) "需要短視頻推廣排名"
      ["modelname"] => NULL
    }
    [3] => array(22) {
      ["id"] => string(3) "207"
      ["siteid"] => string(1) "1"
      ["type"] => string(1) "1"
      ["m_id"] => string(1) "0"
      ["p_id"] => string(2) "96"
      ["name"] => string(14) "AI智能名片"
      ["thumb"] => string(0) ""
      ["image"] => string(63) "/modules/cms/uploads/recommend/2019/07/04/06155550417466502.jpg"
      ["desc"] => string(0) ""
      ["pdir"] => string(0) ""
      ["dir"] => string(2) "ai"
      ["url"] => string(0) ""
      ["setting"] => array(15) {
        ["is_html"] => int(1)
        ["content_is_html"] => int(0)
        ["urlrule"] => int(1)
        ["contenturlrule"] => int(0)
        ["meta_title"] => string(68) "藝源AI智能名片_名片小程序_智能名片_讓銷售更簡單"
        ["meta_keywords"] => string(97) "藝源AI智能名片,名片小程序,智能名片_讓銷售更簡單,電子名片,二維碼名片"
        ["meta_description"] => string(184) "藝源AI智能名片-讓銷售更簡單。藝源AI智能名片為企業(yè)提供名片小程序,智能名片,企業(yè)名片,小程序名片,電子名片,二維碼名片等相關(guān)的服務(wù)。"
        ["category_template"] => string(0) ""
        ["list_template"] => string(0) ""
        ["show_template"] => string(16) "show_page_ai.tpl"
        ["formid"] => string(0) ""
        ["url"] => string(0) ""
        ["target"] => string(0) ""
        ["pri_grade_visit"] => array(0) {
        }
        ["pri_grade_add"] => array(0) {
        }
      }
      ["order"] => string(1) "3"
      ["sethtml"] => string(1) "0"
      ["stat"] => string(1) "2"
      ["flowid"] => string(1) "0"
      ["image_mo"] => string(0) ""
      ["page_num"] => string(1) "0"
      ["wxstat"] => string(1) "0"
      ["scope"] => string(0) ""
      ["modelname"] => NULL
    }
    [4] => array(22) {
      ["id"] => string(3) "201"
      ["siteid"] => string(1) "1"
      ["type"] => string(1) "1"
      ["m_id"] => string(1) "0"
      ["p_id"] => string(2) "96"
      ["name"] => string(12) "版權(quán)登記"
      ["thumb"] => string(0) ""
      ["image"] => string(63) "/modules/cms/uploads/recommend/2021/08/04/06814062280145708.jpg"
      ["desc"] => string(0) ""
      ["pdir"] => string(0) ""
      ["dir"] => string(9) "copyright"
      ["url"] => string(0) ""
      ["setting"] => array(15) {
        ["is_html"] => int(1)
        ["content_is_html"] => int(0)
        ["urlrule"] => int(1)
        ["contenturlrule"] => int(0)
        ["meta_title"] => string(0) ""
        ["meta_keywords"] => string(0) ""
        ["meta_description"] => string(0) ""
        ["category_template"] => string(0) ""
        ["list_template"] => string(0) ""
        ["show_template"] => string(23) "show_page_copyright.tpl"
        ["formid"] => string(0) ""
        ["url"] => string(0) ""
        ["target"] => string(0) ""
        ["pri_grade_visit"] => array(0) {
        }
        ["pri_grade_add"] => array(0) {
        }
      }
      ["order"] => string(1) "4"
      ["sethtml"] => string(1) "0"
      ["stat"] => string(1) "2"
      ["flowid"] => string(1) "0"
      ["image_mo"] => string(63) "/modules/cms/uploads/recommend/2021/08/04/06814063838873717.jpg"
      ["page_num"] => string(1) "0"
      ["wxstat"] => string(1) "0"
      ["scope"] => string(0) ""
      ["modelname"] => NULL
    }
    [5] => array(22) {
      ["id"] => string(3) "203"
      ["siteid"] => string(1) "1"
      ["type"] => string(1) "1"
      ["m_id"] => string(1) "0"
      ["p_id"] => string(2) "96"
      ["name"] => string(12) "商標(biāo)注冊"
      ["thumb"] => string(0) ""
      ["image"] => string(63) "/modules/cms/uploads/recommend/2021/08/03/06813359170749750.jpg"
      ["desc"] => string(0) ""
      ["pdir"] => string(0) ""
      ["dir"] => string(9) "trademark"
      ["url"] => string(0) ""
      ["setting"] => array(15) {
        ["is_html"] => int(1)
        ["content_is_html"] => int(0)
        ["urlrule"] => int(1)
        ["contenturlrule"] => int(0)
        ["meta_title"] => string(131) "商標(biāo)注冊_商標(biāo)注冊流程_商標(biāo)注冊流程及費用_西安商標(biāo)注冊_西安商標(biāo)注冊代理-「源知果」藝源科技"
        ["meta_keywords"] => string(103) "商標(biāo)注冊,商標(biāo)注冊流程,商標(biāo)注冊流程及費用,西安商標(biāo)注冊,西安商標(biāo)注冊代理"
        ["meta_description"] => string(182) "「源知果」西安提供代理版權(quán)登記,代理商標(biāo)注冊,代理專利申請,代理企業(yè)貫標(biāo),代理高新技術(shù)企業(yè)認(rèn)定的服務(wù);咨詢電話:13325455411。"
        ["category_template"] => string(0) ""
        ["list_template"] => string(0) ""
        ["show_template"] => string(23) "show_page_trademark.tpl"
        ["formid"] => string(0) ""
        ["url"] => string(0) ""
        ["target"] => string(0) ""
        ["pri_grade_visit"] => array(0) {
        }
        ["pri_grade_add"] => array(0) {
        }
      }
      ["order"] => string(1) "5"
      ["sethtml"] => string(1) "0"
      ["stat"] => string(1) "2"
      ["flowid"] => string(1) "0"
      ["image_mo"] => string(63) "/modules/cms/uploads/recommend/2019/06/11/06135617157272716.png"
      ["page_num"] => string(1) "0"
      ["wxstat"] => string(1) "0"
      ["scope"] => string(0) ""
      ["modelname"] => NULL
    }
    [6] => array(22) {
      ["id"] => string(3) "205"
      ["siteid"] => string(1) "1"
      ["type"] => string(1) "1"
      ["m_id"] => string(1) "0"
      ["p_id"] => string(2) "96"
      ["name"] => string(12) "網(wǎng)站建設(shè)"
      ["thumb"] => string(0) ""
      ["image"] => string(63) "/modules/cms/uploads/recommend/2019/06/21/06144566585327511.jpg"
      ["desc"] => string(149) "節(jié)約IT成本/降低運維成本/網(wǎng)站安全穩(wěn)定/不滿意全額退款|節(jié)約IT成本/降低運維成本/網(wǎng)站安全穩(wěn)定/不滿意全額退款"
      ["pdir"] => string(0) ""
      ["dir"] => string(7) "website"
      ["url"] => string(0) ""
      ["setting"] => array(15) {
        ["is_html"] => int(1)
        ["content_is_html"] => int(0)
        ["urlrule"] => int(1)
        ["contenturlrule"] => int(0)
        ["meta_title"] => string(80) "西安商城網(wǎng)站建設(shè)_政府網(wǎng)站建設(shè)_學(xué)校網(wǎng)站建設(shè)就選藝源科技"
        ["meta_keywords"] => string(113) "西安網(wǎng)站建設(shè),西安網(wǎng)絡(luò)公司,西安網(wǎng)頁設(shè)計,商城網(wǎng)站建設(shè),政府網(wǎng)站建設(shè),學(xué)校網(wǎng)站建設(shè)"
        ["meta_description"] => string(248) "「藝源科技」是西安一家專業(yè)的西安商城網(wǎng)站建設(shè),政府網(wǎng)站建設(shè),學(xué)校網(wǎng)站建設(shè)的網(wǎng)絡(luò)公司,咨詢電話:029-88810146/150 9401 9029。公司擁有10年實踐經(jīng)驗,為您提供一條龍的互聯(lián)網(wǎng)應(yīng)用解決方案。"
        ["category_template"] => string(0) ""
        ["list_template"] => string(0) ""
        ["show_template"] => string(21) "show_page_website.tpl"
        ["formid"] => string(0) ""
        ["url"] => string(0) ""
        ["target"] => string(0) ""
        ["pri_grade_visit"] => array(0) {
        }
        ["pri_grade_add"] => array(0) {
        }
      }
      ["order"] => string(1) "6"
      ["sethtml"] => string(1) "0"
      ["stat"] => string(1) "2"
      ["flowid"] => string(1) "0"
      ["image_mo"] => string(63) "/modules/cms/uploads/recommend/2019/06/24/06146855992801864.jpg"
      ["page_num"] => string(1) "0"
      ["wxstat"] => string(1) "0"
      ["scope"] => string(0) ""
      ["modelname"] => NULL
    }
    [7] => array(22) {
      ["id"] => string(3) "208"
      ["siteid"] => string(1) "1"
      ["type"] => string(1) "2"
      ["m_id"] => string(1) "0"
      ["p_id"] => string(2) "96"
      ["name"] => string(15) "云服務(wù)平臺"
      ["thumb"] => string(0) ""
      ["image"] => string(0) ""
      ["desc"] => string(0) ""
      ["pdir"] => string(0) ""
      ["dir"] => string(0) ""
      ["url"] => string(0) ""
      ["setting"] => array(15) {
        ["is_html"] => int(0)
        ["content_is_html"] => int(0)
        ["urlrule"] => int(0)
        ["contenturlrule"] => int(0)
        ["meta_title"] => string(0) ""
        ["meta_keywords"] => string(0) ""
        ["meta_description"] => string(0) ""
        ["category_template"] => string(0) ""
        ["list_template"] => string(0) ""
        ["show_template"] => string(0) ""
        ["formid"] => string(0) ""
        ["url"] => string(21) "http://www.qulvkj.com"
        ["target"] => string(6) "_blank"
        ["pri_grade_visit"] => array(0) {
        }
        ["pri_grade_add"] => array(0) {
        }
      }
      ["order"] => string(1) "7"
      ["sethtml"] => string(1) "0"
      ["stat"] => string(1) "2"
      ["flowid"] => string(1) "0"
      ["image_mo"] => string(0) ""
      ["page_num"] => string(1) "0"
      ["wxstat"] => string(1) "0"
      ["scope"] => string(0) ""
      ["modelname"] => NULL
    }
    [8] => array(22) {
      ["id"] => string(3) "202"
      ["siteid"] => string(1) "1"
      ["type"] => string(1) "1"
      ["m_id"] => string(1) "0"
      ["p_id"] => string(2) "96"
      ["name"] => string(9) "SEO優(yōu)化"
      ["thumb"] => string(0) ""
      ["image"] => string(63) "/modules/cms/uploads/recommend/2021/08/03/06813061683398516.jpg"
      ["desc"] => string(0) ""
      ["pdir"] => string(0) ""
      ["dir"] => string(3) "seo"
      ["url"] => string(0) ""
      ["setting"] => array(15) {
        ["is_html"] => int(1)
        ["content_is_html"] => int(0)
        ["urlrule"] => int(1)
        ["contenturlrule"] => int(0)
        ["meta_title"] => string(90) "【西安SEO優(yōu)化_西安網(wǎng)站優(yōu)化_關(guān)鍵詞排名優(yōu)化】-SEO優(yōu)化公司藝源科技"
        ["meta_keywords"] => string(81) "西安SEO優(yōu)化,西安SEO優(yōu)化公司,西安網(wǎng)站優(yōu)化,西安網(wǎng)站優(yōu)化公司"
        ["meta_description"] => string(244) "藝源科技(yysweb.com),專注為企業(yè)提供百度等搜索引擎整站SEO優(yōu)化服務(wù),針對不同行業(yè)、網(wǎng)站情況給出不同策略、報價和SEO建議;是您值得信賴的seo診斷、顧問咨詢等云SEO技術(shù)服務(wù)外包商。"
        ["category_template"] => string(0) ""
        ["list_template"] => string(0) ""
        ["show_template"] => string(17) "show_page_seo.tpl"
        ["formid"] => string(0) ""
        ["url"] => string(0) ""
        ["target"] => string(0) ""
        ["pri_grade_visit"] => array(0) {
        }
        ["pri_grade_add"] => array(0) {
        }
      }
      ["order"] => string(1) "8"
      ["sethtml"] => string(1) "0"
      ["stat"] => string(1) "2"
      ["flowid"] => string(1) "0"
      ["image_mo"] => string(63) "/modules/cms/uploads/recommend/2021/08/03/06813062712033401.jpg"
      ["page_num"] => string(1) "0"
      ["wxstat"] => string(1) "0"
      ["scope"] => string(0) ""
      ["modelname"] => NULL
    }
  }
}
				
當(dāng)前位置: 首頁 > 售后 > 藝源智庫
進(jìn)階學(xué)習(xí)!如何做好產(chǎn)品界面中的內(nèi)容設(shè)計?
時間:2019-08-19 16:21:24
文章發(fā)布:李陽
原創(chuàng)作者:未知
來源:互聯(lián)網(wǎng)

今天想聊的,不是什么設(shè)計技巧或是方法,而是一個非常基礎(chǔ),但在設(shè)計過程中又常常無意或有意忽視的問題:對設(shè)計稿內(nèi)容的把關(guān)。

往往我們會認(rèn)為自己是產(chǎn)品框架的設(shè)計師,用戶往里填什么內(nèi)容和設(shè)計沒太大關(guān)系。

產(chǎn)品上線后,老板氣沖沖地找到設(shè)計師時,設(shè)計師一臉委屈地拿出當(dāng)初漂亮的設(shè)計稿:這屆用戶品味不行,怪我咯?

引用一句今年被反復(fù)提及的一句話:未來整個互聯(lián)網(wǎng)設(shè)計師,更加強調(diào)的是內(nèi)容創(chuàng)意的設(shè)計,而不僅僅只是產(chǎn)品框架的設(shè)計。

內(nèi)容創(chuàng)意是一個很大的話題,而今天要講的,只是設(shè)計對內(nèi)容把關(guān)的一個基本的要求——對設(shè)計稿中內(nèi)容的真實性有足夠深度的思考。下面將結(jié)合一個案例,就內(nèi)容真實性的三個層次,以及它對項目和設(shè)計師自身的價值進(jìn)行探討。


案例簡介

工作中的項目不便用于討論,下面用一個專為平時討論方便做的虛擬項目「一站」作為實例。

由于只是基于諸多業(yè)務(wù)背景上的假定去設(shè)計的一個概念方案,也許有些地方作為例子并不是恰當(dāng)?shù)?,但用一個自己熟知真實思考過程的項目去闡述,是我目前能想到好的方式。

「一站」是一個基于地鐵查詢工具的內(nèi)容分享平臺,用戶可以單純將它當(dāng)做一個地鐵查詢工具來使用,也可以當(dāng)做一個分享自己與地鐵有關(guān)的故事、尋找共鳴的樹洞。

進(jìn)階學(xué)習(xí)!如何做好產(chǎn)品界面中的內(nèi)容設(shè)計?-藝源科技

下面引用當(dāng)時寫的一段簡介,簡要介紹一下這個case的設(shè)計背景:

網(wǎng)易云音樂樂評和杭州地鐵的結(jié)合爆紅時,我想過為什么地鐵和樂評這么搭。

地鐵站已經(jīng)從一個交通設(shè)施,越來越像是城市一個片區(qū)的代名詞,每天目送過客來來往往。而深處地下的地鐵站并不是一個明快的場景,它是一個適合思緒閃回和觸景生情的地方。所以,和回憶和故事有關(guān)的樂評,在地鐵里出現(xiàn)顯得格外融洽。

那么如果地鐵站本身也有屬于自己的「站評」呢?

關(guān)于這個案例的更多背景可以戳→ 《一站:提起一個地鐵站時,你會想起什么?》。

從一個反例說起

首先來看看一站的首頁,首頁的幾個主要板塊包括頂部的「今日推薦」卡片輪播、本周熱門、好友推薦、編輯精選。

我還為這篇文章準(zhǔn)備了一個對應(yīng)的反例版本——刻意按Dribbble上有一段時間很常見的一類飛機稿風(fēng)格出的。

進(jìn)階學(xué)習(xí)!如何做好產(chǎn)品界面中的內(nèi)容設(shè)計?-藝源科技

正常工作環(huán)境中,我相信反例里的這些問題是肯定是看不到的:

  • 在面向國內(nèi)用戶的項目里為了看上去高大上采用英文排版、用外國人頭像和ID。

  • 界面主體全靠精美的圖片撐起,甚至界面配色也是根據(jù)圖片來取的——所以不經(jīng)過嚴(yán)格的配色思考也能看起來契合得很好。

  • 文案和內(nèi)容莫名其妙——誰會在一個關(guān)于地鐵站的故事里寫圖中這些生硬的句子?

為什么要先舉一個這么離譜的反例?

一來,是因為這些問題和本文正題中想講的問題有共通之處。

二來,也想借這個例子講點題外話:Dribbble上這類飛機稿勢頭正盛的時候,我與Dribbble上知名度非常高的一位動效大神同事聊過這個問題。這類稿子的一度泛濫給入門中或者入門不久的朋友帶來的誤導(dǎo)很大,以為真實工作中就是按這種套路拼湊一些貌似好看(其實也未必)的單張飛機稿完事,甚至在作品集里大篇幅如法炮制相同風(fēng)格的稿子,導(dǎo)致投遞后石沉大海。

因為商業(yè)環(huán)境中的視覺設(shè)計絕不是做這種稿子,產(chǎn)品和交互設(shè)計更加不是。

其實練習(xí)飛機稿對練習(xí)者自身而言一定是有價值的,有心在工作之余保持練習(xí),把實際工作中被拍掉的好點子拋出來交流也好,單純提升技法的熟練度也好,對設(shè)計師自身而言,即使稿子可能并不成熟,總歸是一件有好處的事情。

只是,對看作品的人而言,可能就未必有價值了,甚至被同一類作品的泛濫嚴(yán)重誤導(dǎo)、浪費大量時間在效仿類似的稿子上的初學(xué)者也大有人在。

至于練習(xí)英文版的飛機稿有沒有意義?我的判斷是,熟識西文和中文間微妙的差異是大有裨益的,尤其是對工作中有可能接觸到海外項目的設(shè)計師。

英文排版我也經(jīng)常練,但從來都是出完中文排版后,才考慮給自己一個額外的刻意練習(xí),同時也方便在Behance上發(fā)布交流。也正是經(jīng)由此,去年找到了兩次和國外團(tuán)隊合作的機會。

只是,不要僅僅為了出飛機稿好看,就連中文都還沒排版好就去出英文稿,那就本末倒置了。


內(nèi)容真實性的三個層次

除去上面提到這些非常離譜的問題之外,繼續(xù)對比這兩張設(shè)計稿。

首先問,乍一看,哪一張稿子看起來好看?大概很多人會覺得是后者。但真落地起來,后者大概會被產(chǎn)品和開發(fā)噴成篩子。

原因就是今天想講的,內(nèi)容真實性問題。內(nèi)容真實性會極大地影響設(shè)計稿的質(zhì)量、溝通效率和落地的順利程度。

關(guān)于設(shè)計稿到底應(yīng)該側(cè)重美觀還是側(cè)重落地,也和視覺同事討論過,最終的共識是:看具體階段。

在初期匯報階段,可以向老板展示效果比較理想的概念稿,但凡不想稿子被斃的人都不會把一些極端情況在匯報稿里展示。

當(dāng)然,前提是這些「理想效果」也是在可能范圍內(nèi)的,而不是拿一個不可能出現(xiàn)在產(chǎn)品中的完美Showcase去忽悠老板,那到時候落地后發(fā)現(xiàn)完全不是這么回事就得等著挨板子了。

而在項目具體實施、落地的階段——也是本文所討論的階段,就必須周全地考慮內(nèi)容的各種變數(shù),在這個階段內(nèi)容真實性就尤為重要。

對團(tuán)隊合作的效率來說,無論在評審還是落地中,邏輯真實有利于減輕看稿子的人的理解成本和不必要的反復(fù)確認(rèn)溝通,這是許多同行在閑聊或者文章中已經(jīng)表達(dá)過共識的好處。

而這里想重點講的,是對產(chǎn)品設(shè)計師自身而言的價值——真實性是對自己思考周全性的好的鍛煉方式之一。

內(nèi)容真實性可以分為三個層面:

  • 邏輯真實。

  • 內(nèi)容源真實。

  • 用戶情感真實。

背后對應(yīng)的則分別是產(chǎn)品設(shè)計師的三種重要的能力——邏輯判斷能力,業(yè)務(wù)理解能力,以及同理心。

進(jìn)階學(xué)習(xí)!如何做好產(chǎn)品界面中的內(nèi)容設(shè)計?-藝源科技

下面將結(jié)合一站的例子,分別分析和闡述。

層次1:邏輯真實

邏輯真實是最基本的要求。

比如一個分階段的活動頁,還剩10~4天和還剩3天時是兩個不同階段(簡稱階段A和階段B),階段A和B的玩法不同,導(dǎo)致界面上也有諸多差異,那么就不要在階段B界面的活動倒計時上寫「還剩6天」,應(yīng)該是還剩3天以內(nèi)。寫「還剩6天」顯然會讓下游同事產(chǎn)生疑惑甚至誤導(dǎo)。

前一陣,一個產(chǎn)品經(jīng)理同事看我在仔細(xì)核對交互稿上幾個類別的數(shù)量之和與合計字段的數(shù)量對不對得上,說:你出稿子也太嚴(yán)謹(jǐn)了吧。可能是工科出身的緣故,入行之初就早已習(xí)慣于此。

在涉及故事List的場景,逐一填寫每條故事的時間和點贊數(shù),可以引導(dǎo)我思考,在當(dāng)前模塊內(nèi),排序規(guī)則是按時間還是按點贊數(shù)排序?在車站頁的故事List里,用戶更希望默認(rèn)看到的是「最新」還是「最熱」,哪個有利于留住新用戶,哪個有利于老用戶,是否要提供自定義設(shè)置的開關(guān)?

進(jìn)階學(xué)習(xí)!如何做好產(chǎn)品界面中的內(nèi)容設(shè)計?-藝源科技

同樣關(guān)于排序邏輯,全市站點列表和線路站點列表,各按什么排序邏輯更合適?

進(jìn)階學(xué)習(xí)!如何做好產(chǎn)品界面中的內(nèi)容設(shè)計?-藝源科技

不同范圍時間的展示格式是怎樣的?日期的表達(dá),選用「年-月-日、月-日」還是「X天前、昨天」,需不需要加分和秒?時刻的表達(dá),選用「剛剛、X分鐘前、X小時前」的臨界點又分別是什么?

進(jìn)階學(xué)習(xí)!如何做好產(chǎn)品界面中的內(nèi)容設(shè)計?-藝源科技

哪些頁面里故事所屬地鐵站的字段需要加城市名,哪些不用?

進(jìn)階學(xué)習(xí)!如何做好產(chǎn)品界面中的內(nèi)容設(shè)計?-藝源科技

總說交互設(shè)計往前走,多與產(chǎn)品一起考慮,說起來似乎不知道如何入手,其實在每天埋頭出稿子時,多留心一些邏輯細(xì)節(jié),替產(chǎn)品和運營多想一點,就是容易鍛煉自己的方法之一。

層次2:內(nèi)容源真實

如果說邏輯真實有助于與產(chǎn)品經(jīng)理協(xié)同思考,那么內(nèi)容源的真實則很有助于了解運營方面的訴求和難點。

平臺內(nèi)容是以UGC為主還是PGC為主?哪些文案、圖片和字段是需要運營強控的?

這看似和設(shè)計關(guān)系不大,實際上處處都需要仔細(xì)考量。

以「一站」為例,這是一個UGC屬性非常明顯的平臺,根據(jù)產(chǎn)品定義(由case的背景假定,這里不深究),用戶發(fā)布的內(nèi)容形式是圖文,由一段150字內(nèi)的故事+至少1張照片構(gòu)成。除了首頁輪播、編輯精選、專題策劃可以由平臺強運營以外,其余全部內(nèi)容都是不可控的UGC內(nèi)容。

進(jìn)階學(xué)習(xí)!如何做好產(chǎn)品界面中的內(nèi)容設(shè)計?-藝源科技

這就要求,在設(shè)計過程的任何環(huán)節(jié),都要對內(nèi)容的質(zhì)量和特點心中有數(shù)。

以圖片為例,由于目標(biāo)用戶是手機使用熟練、審美水平相對較高、也熟悉濾鏡操作的年輕群體,他們發(fā)布的地鐵故事、心情、回憶中的配圖質(zhì)量,可能不會差到特別離譜。但同時,由于照片多是隨手拍攝,且場景與城市內(nèi)的地鐵站相關(guān),這決定了視角一定多是平視視角,較少會出現(xiàn)前面反例飛機稿中華麗麗的高空俯拍。

所以,一站的交互稿里,除了少數(shù)幾張用在可強運營的場景外的照片是在可商用圖庫里找的之外,所有照片都是我自己手機相冊里的。

下面將圍繞首頁頂部「今日推薦」模塊,以幾個非常簡單的問答為例,聊聊關(guān)于內(nèi)容源在設(shè)計中可以關(guān)注哪些點。

問題1:為什么首頁頂部「今日推薦」模塊選擇了卡片輪播,而沒有直接做成更加美觀的通欄Banner?站點詳情頁和其他很多頁面卻可以?

答:一個通欄Banner絕大多數(shù)情況下上方都是有文字層的,且文字層一定會出現(xiàn)在相對中央的區(qū)域,這一點和卡片容器有顯著的不同。

進(jìn)階學(xué)習(xí)!如何做好產(chǎn)品界面中的內(nèi)容設(shè)計?-藝源科技

站點詳情頁(右圖)的Banner圖是有強運營屬性的,其上方覆蓋文字的可讀性問題,平臺編輯自有一百種方法避免。

而「今日推薦」(左圖)是UGC內(nèi)容,雖然有編輯推薦的篩選機制,但一段優(yōu)質(zhì)內(nèi)容值得推薦,往往是因為故事本身打動人,并不代表其配圖一定可以完美地與上方任意文字融洽相處,這完全是兩碼事。

如下圖,如果站點詳情頁的Banner圖變成UGC內(nèi)容(比如取最熱故事的第一張配圖作為站點頭圖),可讀性就會變得非常不可控(右圖)。

進(jìn)階學(xué)習(xí)!如何做好產(chǎn)品界面中的內(nèi)容設(shè)計?-藝源科技

問題2:為什么卡片尺寸是正方形的?而不是更加美觀的4:3、3:2、16:9等橫版尺寸?

答:因為今日推薦里推薦的每一條內(nèi)容都是用戶自己上傳的。大家回想一下自己在朋友圈里看到的照片就很容易想到,由用戶隨手拍攝的UGC圖片,按橫持和豎持習(xí)慣不同,橫版和豎版都有。

進(jìn)階學(xué)習(xí)!如何做好產(chǎn)品界面中的內(nèi)容設(shè)計?-藝源科技

此時,通行做法是裁取中間部分,而如果像反例中一樣使用了橫版容器的話,豎版照片就被裁得很慘,甚至變得莫名其妙。

問題3:為什么同樣是用戶產(chǎn)出的配圖,所有List里的圖片都一律使用了非常小的尺寸,只有“今日推薦”輪播里的圖片可以大膽占據(jù)半個屏幕?

一站是一個圖文內(nèi)容平臺,而圖和文中又是以文為核心,而不是ins這樣幾乎每張發(fā)上來的照片都質(zhì)量頗高的圖片平臺。

「今日推薦」是經(jīng)過編輯篩選的,而其他List里都是按點贊數(shù)或時間排序的。

以點贊數(shù)排序為例,哪條內(nèi)容被頂上來,未必是因為圖片拍得好,很有可能是一條很能喚起其他用戶共鳴感的內(nèi)容、卻配著一張比較隨意的圖。如果這樣的內(nèi)容被頂上熱門列表,且展示尺寸過大的話,顯然會對整體觀感產(chǎn)生不好的影響。這也是在工作中的實際項目里經(jīng)常有意壓縮圖片展示空間的原因。

進(jìn)階學(xué)習(xí)!如何做好產(chǎn)品界面中的內(nèi)容設(shè)計?-藝源科技

那么,PGC呢?是否就可以任意設(shè)計?增加了運營妹子的工作量?讓老板給她加個雞腿就好。是這么簡單么?

比如,首頁頂部是否像反例中一樣,需要額外的Banner運營位?

如果只從設(shè)計角度,這里沒有答案。也許完全不需要,也許真的有可以運營的場景,這就要和運營充分溝通,達(dá)成設(shè)計、產(chǎn)品、運營的三贏。

而不是只因為好看「為放而放」。反例中強行在頂部加了一個Banner輪播位,輪播什么呢?好看的風(fēng)景圖么?

進(jìn)階學(xué)習(xí)!如何做好產(chǎn)品界面中的內(nèi)容設(shè)計?-藝源科技

這里順便簡單解釋下,我沒有放是基于這樣一個假定的業(yè)務(wù)背景:這個產(chǎn)品在初期養(yǎng)內(nèi)容的階段確實不需要首頁Banner向特定場景導(dǎo)流,為做而做只能導(dǎo)致更高的跳失。

在后期依托成型的內(nèi)容池轉(zhuǎn)型的時候可以考慮接一些營銷內(nèi)容,比如如果有一些類似“體育西路那些有故事的日料店”的推廣營銷活動,就很適合在這里做運營。

上面幾個問題都是以圖片舉例,而實際項目中,文案、圖片、視頻,都需要結(jié)合內(nèi)容生產(chǎn)者的能力和習(xí)慣充分考量設(shè)計的合理性,而不是從設(shè)計反推運營,強求內(nèi)容生產(chǎn)者以設(shè)計師心目中更美觀的格式去生產(chǎn)內(nèi)容,這種限制下的拘束感往往是用戶流失的開始。

層次3:用戶情感真實

相比前兩個層次的真實,用戶情感真實非??简炘O(shè)計師的同理心。

一站這個case,如果不考慮用戶視角的真實性的話,毫不夸張地說,我用1/10的時間就可以做完。

那9/10的時間用在哪里了呢?

說起來有點好笑,都用在編故事上了——誰讓這是一個故事平臺呢。

車站評論的內(nèi)容都是自己一條條寫的,有一部分來自向朋友解釋case背景后、朋友幫忙撰寫或提供素材的,另一部分則是自己以最大限度的代入感和同理心去編寫的。

在開始內(nèi)容卡片的設(shè)計前,需要「編」很多故事,這期間就會不由自主地開始思考:這類評論,一般會寫多少字?文字在卡片中全部鋪出還是按固定長度截斷?字?jǐn)?shù)的變化會對卡片設(shè)計產(chǎn)生怎樣的影響?最多折幾行?行高多少?字?jǐn)?shù)很少時會不會顯得奇怪?圖片尺寸怎樣去適應(yīng)字?jǐn)?shù)變化?

最終,故事文字最大長度確定為150,不同場景的卡片分別選用截斷和完整鋪出的處理方式,都是在這一系列思考后確定的答案,每個小問題具體的分析就不在這里展開了。

進(jìn)階學(xué)習(xí)!如何做好產(chǎn)品界面中的內(nèi)容設(shè)計?-藝源科技

圍繞文字的設(shè)計,再聊一個問題——故事是否要求填寫標(biāo)題?

起初設(shè)計的時候,可能不由自主地想畫一個標(biāo)題上去。相比鋪出長度不固定的內(nèi)容,有標(biāo)題確實某種意義上對設(shè)計更加有利。

進(jìn)階學(xué)習(xí)!如何做好產(chǎn)品界面中的內(nèi)容設(shè)計?-藝源科技

但自己和朋友在撰寫的時候都不由自主地覺得標(biāo)題很累贅,在設(shè)計時都如此,更何況真實用戶使用的時候。且對于全文長度僅有150的故事內(nèi)容,標(biāo)題存在的價值很難說得圓。

所以,后續(xù)設(shè)計中就取消了標(biāo)題的設(shè)置,改為直接透具體內(nèi)容。如果沒有代入用戶視角去嘗試編寫內(nèi)容的過程,很大概率不會想得這么深入。

對目標(biāo)用戶群體而言,是否需要提供個性簽名功能?曾幾何時一大票APP無論什么類型,都照搬QQ的個性簽名系統(tǒng),結(jié)果填寫率慘不忍睹,設(shè)計的簽名位要開了天窗。因此,這點是需要在稿子中“編”簽名時同時思考的一個問題。

進(jìn)階學(xué)習(xí)!如何做好產(chǎn)品界面中的內(nèi)容設(shè)計?-藝源科技

考慮到產(chǎn)品受眾多是內(nèi)心細(xì)膩、渴望個性化表達(dá)的群體,而自己和朋友「編」簽名的過程也非常流暢,結(jié)果呈現(xiàn)出來也和產(chǎn)品調(diào)性比較吻合,所以最終采用了有簽名的方案。

說到底,個人一直覺得,了解一個產(chǎn)品的用戶調(diào)性是非常重要的,是指導(dǎo)自己設(shè)計思考的一個股沒有實感卻又不可忽視的軟性力量,persona不是走過場,而是在設(shè)計中時刻要去思考的問題。

同樣是出自網(wǎng)易、以評論系統(tǒng)聞名的兩個產(chǎn)品,網(wǎng)易云音樂和網(wǎng)易新聞,用戶的語言風(fēng)格和評論習(xí)慣是完全不一樣的,為什么云音樂的評論回復(fù)是單對單的私聊式,而網(wǎng)易新聞則以“樓中樓”模式誕生的各種神樓聞名遐邇,產(chǎn)品的很多特質(zhì)并非上線前就完全想好這樣設(shè)定的,而是被用戶調(diào)性反向輸入的結(jié)果。


結(jié)語

也許很多朋友看完的反應(yīng)都是:話是這么說,可實際項目中哪有時間去這么打磨稿子里的內(nèi)容,能把框架按時交付就不錯了。

可我真實的感受就是,我還真沒感覺這道工序影響了我的效率。難道是因為當(dāng)年war3練就的手速?

我想,最合理的解釋還是因為這樣的習(xí)慣已經(jīng)陪伴了自己很久。也許當(dāng)年第一次細(xì)究內(nèi)容的不真實性、逐一改掉時,會覺得有點費工夫,但這次改掉一個點,下次在聊需求、出稿子的時候就會自然而然地在第一時間把這點考慮周全。久而久之,對內(nèi)容做個簡單的把關(guān),真的沒有想象的那么費時間。

即使項目真的十萬火急到?jīng)]時間在設(shè)計稿上呈現(xiàn),對真實性的持續(xù)性鍛煉和思考,至少能幫你時刻周全地考慮到這些可能影響設(shè)計的細(xì)節(jié)點。

我想,這才是對勤于思考受益終身的獎賞。

小程序開發(fā)
標(biāo)簽: 內(nèi)容設(shè)計 用戶體驗 經(jīng)驗分享 設(shè)計細(xì)節(jié) 產(chǎn)品框架
*版權(quán)申明:本站部分文章由藝源科技收集整理,不代表我們的觀點。如果這篇轉(zhuǎn)載侵犯您的版權(quán),請及時聯(lián)系我們刪除!
為您推薦
最新文章
掃碼加他,免費獲取方案