mmt45

こまごましたメモとか料理とかMacとか

2012/02/28
by admin
0 comments

デザインリンク集のまとめ(2012年2月現在)

そこそこ必要になるので、自分用に整理してみました。

【WEBサイト編】
ikesai.com
カテゴリから検索可能

WEBデザインの見本帳
印象・色・カテゴリから検索可能

bookma
テイスト・テーマカラー・背景カラー・カテゴリ・業種から検索可能

YSIG
カテゴリ・テイスト・色・レイアウトから検索可能

cliplop
カテゴリから検索可能

ズロック

S5-Style

【WEBサイト編のHTML5】
HTML5です
カテゴリ・カラー・テイストから検索可能。まだ数は少ないぽい

【facebookページ】
520px facebook bookmark
カテゴリから検索可能

【ランディングページ】
ランディングページ集めました
カテゴリ・カラーから検索可能

ランディングページ厳選デザインリンク集
カテゴリから検索可能

【部分的デザイン】
見出しデザイン.com

フッターデザイン.com

ICON FINDER

FIND ICONS

バナーデザインギャラリー
サイズ・色・国内or海外で検索可能

バナーデザインアーカイブ
サイズ・色・業種から検索可能

バナーデザインDB
タイプ・色・テイストから検索可能

【モバイル・スマホ】
iPhone Design Box
見やすい

Mobile UI Patterns

iPhoneデザインアーカイブ

iShowcase

【モバイル・ガラケー】
モバイルデザインアーカイブ

Xmarkを使用してるけど、タイトル見ただけじゃピンとこなくて、Xmarkにこのページ保存した方が便利なのかな?と思った次第。

以下のエントリーもどうぞ!

2012/01/12
by admin
0 comments

CSS3の@font-face指定

@font-face指定で、Webfontを使用してみる。

1)サーバーの任意の場所にフォントデータ(.eotと.ttf、.otf)をアップする。

2)cssに指定

@font-face {
	font-family: 'フォント名';
	src: url('フォントのURL/fonts.eot');/* IE */
}

@font-face {
	font-family: 'フォント名';
	src: local('フォント名'), /* フォントがローカルにインストールされてる場合の指定 */
	url('フォントのURL/fonts.otf') format('opentype'); /* Safari、Chrome、Firefox、Opera */
}

p{
	font-family: 'フォント名';
}

「font-family」は任意の名前、自分で名前つけてもよし
「url」はフォントをアップしてるサーバーのパス。相対でも絶対でもよし
「local(‘フォント名’)」は、フォントがローカルにインストールされてる場合の指定
@font-faceをまとめて指定すると、IEでWebfontが指定されないので分けて指定する

※「.eot」はIE独自で使う拡張子
「.ttf」を「.eot」に変換してくれるサイト
http://ttf2eot.sebastiankippe.com/

※なにかのとき用
フォントのファイル形式を変換してくれるサイト
http://www.freefontconverter.com/
http://www.fontconverter.org/

以下のエントリーもどうぞ!

2011/12/07
by admin
0 comments

illustlatorで印刷用データを作成する際の超基本

DTP関連のデータを作成することがほぼ皆無なので備忘録。(超基本事項です)

■名刺サイズのshopカードを作成する

1)新規書類を作成。(CMYKカラーを選択する、用紙サイズは適当A4辺りで)

印刷用データのベース

2)ガイドラインとして91*55mmの長方形を作成。

印刷用データのベース

3)トリムマーク作成のための91*55mmの長方形をもうひとつ作成。(※色なし)
「フィルタ」>「クリエイト」>「トリムマーク」でトリムマーク作成。

印刷用データのベース

4)フォントはみだし注意用のガイドを作成。
87*51mm(2mm内側)の長方形作成。右クリック>「ガイドを作成」

印刷用データのベース

印刷用データのベースができあがり。

他、基本の注意事項。

・カラーモード:CMYK
・フォントはアウトラインにする
・出力領域をガイドラインなどを作成して表示させる
・フチなし印刷の場合、裁断用の塗り足し領域を確保する
・画像を配置する場合は、解像度350dpi
・ポスターやフライヤーなどのデータの場合、配置する画像は必ず「埋め込み」では無く「リンク」にする
・孤立点を残さないように要注意

参考サイト:
http://www.printmate.co.jp/info/datatype.php
http://www.printpac.co.jp/contents/technicalguide/illustrator.html

以下のエントリーもどうぞ!