原创 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>