頁面設(shè)計(jì)精品文章

• 

  前端設(shè)計(jì)——數(shù)據(jù)轉(zhuǎn)換層

  前言 在工作中，經(jīng)常會(huì)遇到，接口的數(shù)據(jù)格式與頁面布局/交互不匹配的情況，需要前端進(jìn)行處理。 心想：數(shù)據(jù)處理與業(yè)務(wù)無關(guān)，單獨(dú)抽離一個(gè)模塊來寫吧。 于是，轉(zhuǎn)換層就此誕生。 第一版設(shè)計(jì) 當(dāng)我設(shè)計(jì)模塊時(shí)， 第...

  lei___ 2019-08-02 15:24 評論0 收藏0
• 

  前端設(shè)計(jì)——數(shù)據(jù)轉(zhuǎn)換層

  前言 在工作中，經(jīng)常會(huì)遇到，接口的數(shù)據(jù)格式與頁面布局/交互不匹配的情況，需要前端進(jìn)行處理。 心想：數(shù)據(jù)處理與業(yè)務(wù)無關(guān)，單獨(dú)抽離一個(gè)模塊來寫吧。 于是，轉(zhuǎn)換層就此誕生。 第一版設(shè)計(jì) 當(dāng)我設(shè)計(jì)模塊時(shí)， 第...

  zhigoo 2019-08-23 18:23 評論0 收藏0
• 

  個(gè)人博客全新UI：我心中你最美

  ...頁樣式，我就直接拿過來了。 而除了首頁，其他所有的頁面，都是采用的類似于阿里云平臺(tái)控制臺(tái)的 UI：屏幕左邊放置導(dǎo)航欄。 這是文章瀏覽頁面的 UI： 而一個(gè)博客，為了提高 seo 和反鏈數(shù)，友鏈最重要。友鏈界面是 UI: 和友...

  oliverhuang 2019-08-23 11:52 評論0 收藏0
• 

  從設(shè)計(jì)到開發(fā)，硅谷技術(shù)專家教你做“聲控”APP

  ...展史，并一起用Sketch和Principle兩款工具設(shè)計(jì)聲控音樂APP的頁面和交互。 下半部分以開發(fā)為主，用Xcode和Objective-C來實(shí)現(xiàn)APP頁面開發(fā)。同時(shí)將用一款全新的移動(dòng)端軟件開發(fā)工具包資源來做語音識別，將我們想聽歌曲的名字從聲音轉(zhuǎn)...

  linkin 2019-06-26 18:13 評論0 收藏0
• 

  權(quán)限設(shè)計(jì)的雜談

  ...易造成雙方信息不對稱，有的人就只是把權(quán)限理解成某個(gè)頁面的是否可訪問，但是有的人卻理解成其他的東西。所以我們要徹底的定義一下權(quán)限是什么。 權(quán)限到底是名詞屬性還是動(dòng)詞屬性，還是名詞、動(dòng)詞屬性均包含，這對于...

  yck 2019-08-19 10:53 評論0 收藏0
• 

  不會(huì)設(shè)計(jì)沒關(guān)系！看看這七個(gè)實(shí)用的網(wǎng)頁UI設(shè)計(jì)小技巧！

  ...也算是給自己存?zhèn)€檔，加深一下印象。畢竟作為一個(gè)前端頁面仔，頁面UI的美化也是我們的工作，而且還會(huì)經(jīng)常會(huì)被要求在頁面上加個(gè)這個(gè)或者加個(gè)那個(gè)，沒有設(shè)計(jì)稿直接整頁面也是常有的事，了解一些UI設(shè)計(jì)的基本法則還是很...

  NickZhou 2019-08-29 16:26 評論0 收藏0
• 

  淺談工作中設(shè)計(jì)、制作和程序之間的配合

  ...，主要分為設(shè)計(jì)--制作--程序這三個(gè)步驟，首先先從設(shè)計(jì)頁面開始，包括頁面上面的諸多效果在內(nèi)。而制作負(fù)責(zé)將設(shè)計(jì)稿的PSD文件變成頁面上的代碼，還原度要求99%以上。程序方面主要是配合在項(xiàng)目進(jìn)行中的功能開發(fā)，如果當(dāng)前...

  leone 2019-08-29 11:17 評論0 收藏0
• 

  淺談工作中設(shè)計(jì)、制作和程序之間的配合

  ...，主要分為設(shè)計(jì)--制作--程序這三個(gè)步驟，首先先從設(shè)計(jì)頁面開始，包括頁面上面的諸多效果在內(nèi)。而制作負(fù)責(zé)將設(shè)計(jì)稿的PSD文件變成頁面上的代碼，還原度要求99%以上。程序方面主要是配合在項(xiàng)目進(jìn)行中的功能開發(fā)，如果當(dāng)前...

  jsliang 2019-08-01 15:43 評論0 收藏0
• 

  頁面制作（切圖）第一章

  ...從本章開始我們要開始實(shí)戰(zhàn)學(xué)習(xí)。 1. 首先要知道什么叫頁面制作（切圖） 頁面制作（切圖）就是，web前端工程師通過HTML和CSS還原UI設(shè)計(jì)師的設(shè)計(jì)稿。目前各公司UI設(shè)計(jì)師常用的設(shè)計(jì)工具有Photoshop、Sketch 下面這是我們公司設(shè)計(jì)師...

  felix0913 2019-08-29 12:43 評論0 收藏0
• 

  頁面制作（切圖）第一章

  ...從本章開始我們要開始實(shí)戰(zhàn)學(xué)習(xí)。 1. 首先要知道什么叫頁面制作（切圖） 頁面制作（切圖）就是，web前端工程師通過HTML和CSS還原UI設(shè)計(jì)師的設(shè)計(jì)稿。目前各公司UI設(shè)計(jì)師常用的設(shè)計(jì)工具有Photoshop、Sketch 下面這是我們公司設(shè)計(jì)師...

  hightopo 2019-08-01 16:59 評論0 收藏0
• 

  一個(gè)App完成入門篇（二）-搭建主框架

  ...架，好的主框架能起到減少工作量、簡化代碼的作用，而頁面通常需要產(chǎn)品人員的UE設(shè)計(jì)和美工人員的UI設(shè)計(jì)，如下圖所示，這兩個(gè)步驟完成后才開始實(shí)現(xiàn)功能，由于篇幅限制，本教程不再贅述如何設(shè)計(jì)UI和UE，直接通過開發(fā)一個(gè)...

  whatsns 2019-08-19 18:10 評論0 收藏0
• 

  一個(gè)App完成入門篇（二）-搭建主框架

  ...架，好的主框架能起到減少工作量、簡化代碼的作用，而頁面通常需要產(chǎn)品人員的UE設(shè)計(jì)和美工人員的UI設(shè)計(jì)，如下圖所示，這兩個(gè)步驟完成后才開始實(shí)現(xiàn)功能，由于篇幅限制，本教程不再贅述如何設(shè)計(jì)UI和UE，直接通過開發(fā)一個(gè)...

  DevTalking 2019-08-14 15:31 評論0 收藏0