米缘直播平台官方app下载,仁杏直播高品质美女在线视频互动社区,萧墨直播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)隊(duì),一對一服務(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)注冊流程及費(fèi)用_西安商標(biāo)注冊_西安商標(biāo)注冊代理-「源知果」藝源科技"
        ["meta_keywords"] => string(103) "商標(biāo)注冊,商標(biāo)注冊流程,商標(biāo)注冊流程及費(fèi)用,西安商標(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成本/降低運(yùn)維成本/網(wǎng)站安全穩(wěn)定/不滿意全額退款|節(jié)約IT成本/降低運(yùn)維成本/網(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è)計(jì),商城網(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年實(shí)踐經(jīng)驗(yàn),為您提供一條龍的互聯(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è)計(jì)？

時間：2019-08-19 16:21:24

文章發(fā)布：李陽

原創(chuàng)作者：未知

來源：互聯(lián)網(wǎng)

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

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

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

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

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

案例簡介

工作中的項(xiàng)目不便用于討論，下面用一個專為平時討論方便做的虛擬項(xiàng)目「一站」作為實(shí)例。

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

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

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

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

網(wǎng)易云音樂樂評和杭州地鐵的結(jié)合爆紅時，我想過為什么地鐵和樂評這么搭。
地鐵站已經(jīng)從一個交通設(shè)施，越來越像是城市一個片區(qū)的代名詞，每天目送過客來來往往。而深處地下的地鐵站并不是一個明快的場景，它是一個適合思緒閃回和觸景生情的地方。所以，和回憶和故事有關(guān)的樂評，在地鐵里出現(xiàn)顯得格外融洽。
那么如果地鐵站本身也有屬于自己的「站評」呢？

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

從一個反例說起

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

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

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

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

在面向國內(nèi)用戶的項(xiàng)目里為了看上去高大上采用英文排版、用外國人頭像和ID。
界面主體全靠精美的圖片撐起，甚至界面配色也是根據(jù)圖片來取的——所以不經(jīng)過嚴(yán)格的配色思考也能看起來契合得很好。
文案和內(nèi)容莫名其妙——誰會在一個關(guān)于地鐵站的故事里寫圖中這些生硬的句子？

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

一來，是因?yàn)檫@些問題和本文正題中想講的問題有共通之處。

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

因?yàn)樯虡I(yè)環(huán)境中的視覺設(shè)計(jì)絕不是做這種稿子，產(chǎn)品和交互設(shè)計(jì)更加不是。

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

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

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

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

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

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

除去上面提到這些非常離譜的問題之外，繼續(xù)對比這兩張?jiān)O(shè)計(jì)稿。

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

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

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

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

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

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

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

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

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

邏輯真實(shí)。
內(nèi)容源真實(shí)。
用戶情感真實(shí)。

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

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

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

層次1：邏輯真實(shí)

邏輯真實(shí)是最基本的要求。

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

前一陣，一個產(chǎn)品經(jīng)理同事看我在仔細(xì)核對交互稿上幾個類別的數(shù)量之和與合計(jì)字段的數(shù)量對不對得上，說：你出稿子也太嚴(yán)謹(jǐn)了吧?？赡苁枪た瞥錾淼木壒剩胄兄蹙驮缫蚜?xí)慣于此。

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

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

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

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

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

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

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

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

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

層次2：內(nèi)容源真實(shí)

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

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

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

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

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

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

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

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

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

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

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

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

站點(diǎn)詳情頁（右圖）的Banner圖是有強(qiáng)運(yùn)營屬性的，其上方覆蓋文字的可讀性問題，平臺編輯自有一百種方法避免。

而「今日推薦」（左圖）是UGC內(nèi)容，雖然有編輯推薦的篩選機(jī)制，但一段優(yōu)質(zhì)內(nèi)容值得推薦，往往是因?yàn)楣适卤旧泶騽尤?，并不代表其配圖一定可以完美地與上方任意文字融洽相處，這完全是兩碼事。

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

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

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

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

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

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

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

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

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

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

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

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

比如，首頁頂部是否像反例中一樣，需要額外的Banner運(yùn)營位？

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

而不是只因?yàn)楹每础笧榉哦拧埂７蠢袕?qiáng)行在頂部加了一個Banner輪播位，輪播什么呢？好看的風(fēng)景圖么？

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

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

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

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

層次3：用戶情感真實(shí)

相比前兩個層次的真實(shí)，用戶情感真實(shí)非?？简?yàn)設(shè)計(jì)師的同理心。

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

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

說起來有點(diǎn)好笑，都用在編故事上了——誰讓這是一個故事平臺呢。

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

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

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

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

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

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

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

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

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

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

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

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

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

同樣是出自網(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)都是：話是這么說，可實(shí)際項(xiàng)目中哪有時間去這么打磨稿子里的內(nèi)容，能把框架按時交付就不錯了。

可我真實(shí)的感受就是，我還真沒感覺這道工序影響了我的效率。難道是因?yàn)楫?dāng)年war3練就的手速？

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

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

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