原创 cutterman 從安裝到使用
安裝 下載cutterman網址:http://www.cutterman.cn/zh 下載完畢直接點擊安裝,安裝完畢後在PS(需要2014 cc以上)的窗口--擴展功能--cutterman-切圖神器 註冊 直接在PS彈出的界面註
原创 Photoshop之快速蒙版Q
Photoshop之快速蒙版 步驟 1、選中所需要的圖層 2、快捷鍵Q進入快速蒙版 3、用筆刷擦除不需要的地方 4、再按下快捷鍵Q退出,即可會看到被選擇的區域。 技巧進入快速蒙版-用筆刷擦除需要的地方-退出-反選(Ctrl+Shi
原创 node-sass 安裝卡在node scripts/install.js
命令行 cd front SASS_BINARY_SITE=https://npm.taobao.org/mirrors/node-sass/ npm install node-sass https://segmentfault.co
原创 APP設計之設計尺寸/切圖 學習筆記
前奏 產品經理把產品原型需求給到我們後,我們設計師需要根據原型需求進行視覺稿的設計輸出。在iOS和Android的設計尺寸與切圖應該如何 設計尺寸 現在iOS常用的設計尺寸 1)640*960 iPhone4時代的尺寸 ,
原创 實現尖角變圓角
今天看PPT,發現好多PPT都引用了以下圖案做類似於分類啊,說明啊等的設計,今天來怎麼快速畫一個自己所需的吧 完成 步驟 方法一(PS) 1.畫大圓,利用布爾運算,得到環形 2.選中環形,使用矩形工具,按下alt/option,在環形上
原创 矩形的四角發光
最近在做一個運維的項目,設計的一個界面,爲了體現科技感,四周加了個發光的直角。 設計稿DEMO: 用代碼如何實現呢?我是這樣寫的,各位看官有更好的建議非常歡迎提出,瘋姑娘也是在摸索着前進中~~ <div style="width:8
原创 日常學習的記錄
1.table裏td強制不換行 table td{ word-break: keep-all; white-space: nowrap; } 2.數字信息加逗號 方法一: <td>{.......|number:'1.0-2'
原创 Node.js 入門前傳
Node.js入門前傳 1.什麼是NodeJS 簡單的說 Node.js 就是運行在服務端的 JavaScript。 Node.js 是一個基於Chrome JavaScript 運行時建立的一個平臺。 Node.js是一個
原创 bootstrap---display:table-cell
<div class="box "> <a href="#prettyGirl" style="float: left;margin-right: 10px;" class="l mr10"> <img border="0"
原创 移動端界面設計之尺寸篇(更新)
UI新手都頭疼尺寸問題,其實並不複雜,關鍵是設計本身比較難把握。虎哥總結一個精簡版的設計流程方法。 以PS工具設計IOS界面。 畫布尺寸: 新建750×1334 分辨率72,像素/英寸。 常見的字體大小: 24px、2
原创 Bootstrap 學習筆記(二)
Bootstrap4.0版本 前言 Bootstrap是2011年在GitHub上發佈的開源產品,是一個用於快速開發 Web 應用程序和網站的前端框架。Bootstrap 是基於 HTML、CSS、JAVASCRIPT 的。 Html5
原创 Bootstrap 學習筆記(一)
基於angular框架 數值以財務數字形式顯示 34,567.09 <div class="row"> <table> <thead> <tr> <th>數值</th> </tr>