專案交付後的第三天,蘇念晚收到了一條訊息。
不是周明軒發的,不是陸星辭發的,是客戶直接發在群裡的:“網站上線了,效果很好。謝謝你們。”
蘇念晚盯著那行字,看了很久。上線了。她畫的設計稿,他寫的程式碼,周明軒做的後端,變成了一個真實的、可以訪問的、別人正在使用的網站。她忽然覺得,之前那些熬夜、那些改稿、那些算不對的行高,都值了。
手機又震了一下。陸星辭發了一條私信給她:“看到了?”
“嗯。”
“什麼感覺?”
她想了想,打字:“像是自己的孩子出生了。”
他沉默了幾秒,然後發:“那我們的孩子還挺好看的。”
蘇念晚看著那行字,臉一下子紅了。什麼叫“我們的孩子”?她盯著螢幕,心跳得很快。她想回點什麼,但又不知道回什麼。最後只打了一個字:“嗯。”
發出去之後,她覺得這個“嗯”太冷淡了,又加了一句:“主要是你寫程式碼寫得好。”
“主要是你畫得好看。”
她笑了,把手機扣在胸口,靠在椅背上。窗外的陽光從窗簾縫隙裡漏進來,在天花板上畫了一條金線。她看著那條金線,忽然覺得,這個世界很大,有很多她不知道的東西。但沒關係,因為他在她身邊。他們一起做了一個網站,一起得到了客戶的認可,一起看著那個網站上線。這是他們一起完成的第一件事,但不會是最後一件。
專案交付後不到一週,周明軒在群裡發了新的訊息。
“客戶提了新需求,要做響應式最佳化。手機端和平板端的顯示有問題。”
蘇念晚看著那行字,腦子裡一片空白。響應式最佳化?她記得陸星辭給她講過響應式設計,但她只懂了概念,不知道怎麼落地。她畫設計稿的時候,只畫了電腦端,手機端和平板端只是簡單調整了一下間距,沒有仔細考慮。
“蘇念晚,手機端的設計稿需要重新畫。”周明軒在群裡說。
她打字:“好。”但她的心裡很虛。她不知道手機端的設計稿該怎麼畫,不知道導航欄在小螢幕上怎麼顯示,不知道圖片在小螢幕上怎麼縮放,不知道表單在小螢幕上怎麼佈局。她什麼都不知道。
放學後,她去了樹屋。陸星辭已經到了,電腦開著,螢幕上是一堆她看不懂的程式碼。她走過去,坐在他旁邊,嘆了口氣。
“怎麼了?”他問。
“響應式。”她說,“我不會。”
他停下來,看著她。“哪裡不會?”
“全部。”
他想了想,然後打開了一個繪圖軟體。“我畫給你看。”
她愣了一下。他畫給她看?他不是設計師,他是程式設計師。他怎麼會畫設計稿?他拿起數位筆,在繪圖軟體裡畫了一個手機螢幕的框。然後在框裡畫了導航欄——不是電腦端那種橫排的導航欄,而是一個漢堡選單圖示,點選之後從左側滑出選單項。
“手機螢幕小,放不下那麼多導航項。”他一邊畫一邊說,“所以要用漢堡選單。把導航項藏起來,使用者需要的時候再點開。”
他在框裡繼續畫。內容區的排版也變了,電腦端是兩列布局,手機端變成了一列。圖片的尺寸也變了,電腦端是大圖,手機端是小圖。字型的大小也變了,電腦端是16px,手機端是14px。
“響應式設計的核心,不是把電腦端的東西縮小放到手機端。”他放下筆,看著她,“是根據螢幕的大小,重新組織內容。讓使用者在手機上也能方便地使用。”
她看著他畫的那些示意圖,忽然覺得,他不僅是一個程式設計師,還是一個懂設計的人。她一直以為,設計是她的工作,程式碼是他的工作。但他畫的那些示意圖,比她畫的還要清晰。
。問”?的些這會學候時麼什你“
”。式應響懂須必發開端前“,說他”。的學候時的碼式程學“
。他靠都麼什能不,了大長該應己自得覺。白明搞去、學去、查去己自過試有沒來從。教他讓,他問接直就,西東的懂不到遇次每。了他賴依太前以己自,得覺然忽。圖意示些那著看,頭下低
”。哥星星“
”?嗯“
”。畫己自我。我給發圖意示些那把你“
”。好“。了給發案檔把後然,秒兩了默沉,著看他
。稿計設的端機手畫裡屋樹在人個一晚念蘇,上晚天那
。畫己自始開,掉關後然,遍一了看,圖意示的畫他啟開。腦電的和,人個一有只,靜安很裡屋樹。館書圖了去後然,好說他,試試人個一想說。來有沒辭星陸
。了樣一模一圖意示的他和的畫己自得覺,來後到改,遍一又遍一了改。對不角圓現發又,下一了改又。對不現發又,下一了改。對不距間的己自現發,下一了比對,圖意示的畫他啟開又。對不裡哪得覺,幕螢著看,版一第完畫。了標,型字的xp41。了畫,圖小。了畫,局布列一。了畫,單選堡漢。了畫,框的幕螢機手
”。看看你。了完畫“。他給發稿計設把
”?來出裡哪從單選後之選點,單選堡漢的欄航導“:回他,鐘分幾了過
。子樣的來出側左從單選了畫,圖張一了補趕。果效的來出單選畫沒,單選堡漢了畫只。下一了愣
”。看看再。了好“
”。xp61是的標你。xp41是該應端機手,xp61是端腦電,小大型字的項單選“:回他,鐘分幾了過又
。xp41了改xp61把,遍一了改又。改了忘,然果,看了看頭低
”。了好“
”。xp8是的標你。xp4是該應端機手,xp8是端腦電,角圓的片圖“
。了改又
”。xp84是的標你。xp04是該應端機手,xp84是端腦電,度高的鈕按“
。了改又
”。xp42是的標你。xp61是該應端機手,xp42是端腦電,距間的單表“
。意注會就己自,候時的稿計設端機手畫次下樣這。改己自讓,提地個一個一他。有沒他但,題問有所訴告接直以可明明他”。住不記,的你訴告我。住得記,的現發己自你“——話句那的說他起想。了笑然忽,著改著改
”?嗎有還。了好“
”。了有沒“
。了空變屋樹得覺,裡覺在是,了大變的真是不。了大變像好屋樹,邊旁在他有沒,得覺然忽,裡那在坐人個一。音聲的嗡嗡扇風腦電有只,靜安很裡屋樹。板花天著看,上背椅在靠,負重釋如
”。了晚太。家回就了完畫“:的發他是,看來起拿。下一了震機手
”?呢你“:字打
”。回上馬。館書圖在“
”。好“
。長很,路的人個一,得覺然忽。己自有只在現,子影的他著踩是都前以。步一,步一,子影的己自著踩。長變短從,短變長從子影,過掠頂頭從地盞一盞一燈路,上路的家回在走。歌唱在像,的聲一聲一,來傳遠從聲鳴蛙,晚夜的月六。亮很星星,黑很天的面外。屋樹出走,燈了關,西東好拾收
。頭裡屋樹在們他,上晚天二第
。查己自要,他問就西東的懂不到遇次每想不。問有沒但,思意麼什是些那道知不。htdiw-n,htdiw-x,aid@——西東的怪奇些一有裡碼式程的寫他,到意注但,碼式程些那懂不看。寫他著看,邊旁在坐晚念蘇。碼式程的式應響寫始開,腦電啟開辭星陸
。樣一又但,樣一不。法想達表輯邏和則規用是碼式程,法想達表和條線用是畫畫。樣一畫畫和,則規套一是只它。難麼那的象想有沒碼式程,得覺然忽,碼式程些那著看。式樣套那用,候時的值個某於大度寬幕螢當;式樣套這用,候時的值個某於小度寬幕螢當,覽瀏訴告是就aid@。了懂概大,章文篇幾了看。計設式應響於用,詢查的3SSC是——了來出果結尋搜。”思意麼什aid@“下一了搜,覽瀏啟開
。來傳邊旁從音聲的他”?了懂看“
。現發去己自等在他。案答訴告接直有沒但,錄記尋搜的了到看他。料資查在道知他。著彎微微角,幕螢的著看睛眼的他。他著看,頭過轉
。說”。了懂“
”?嗎aid@有裡碼式程的我麼什為道知你那“
”。式樣的同不用度寬幕螢同不,覽瀏訴告要你為因“
”?呢有還“。頭點了點他








