2013.04.27
illustrator

無料バーコード作成ツール

商品パッケージデザイン作成の仕事で何度も使わせてもらっている便利ツールを紹介します。 無料バーコード作成ツール こういったツールは探せば見つかるのですが、ここのサイトでバーコードを作成 ...
続きを読む
2013.04.21
css

CSSだけで背景を画面全体にする方法

フルスクリーンで画像を背景として配置する方法です。 backgroundで背景全体が写真になるだけでオシャレなサイトになりますよね。 いろいろ方法はあるようですが、2つ紹介します。 CS ...
続きを読む
2013.04.14
css

CSS3でできる色々なエフェクトの影 2

こちらのつづきです。 CSS3でフォトショップのエフェクトみたいな影をつける方法のソースの紹介です。 以下に5~8までのエフェクトのソースを紹介します。( 1~4はこちら ) ...
続きを読む
2013.04.14
css

CSS3でできる色々なエフェクトの影

CSS3でフォトショップのエフェクトみたいな影をつけることができます。 デフォルトの影でも十分デザインを引き立てますが、CSS3のbox-shadowでは他にも色々とできます。 色々なボックス ...
続きを読む
2013.04.01
design

一味違ったデザインの有名企業・ブランドのサイト 6選

テレビや街で見かける広告はクリエイティブでキレイなのに、ウェブサイトを見ると意外と普通…って思うことも結構あります。 ウェブサイトも素敵な有名企業・ブランドを集めてみました。 ジャンル別に1つずつ ...
続きを読む
2013.03.29
javascript

マウスオーバーで吹き出しを出す jQuery プラグインなし

メニューやサムネイルなどをマウスオーバーしたときに吹き出しを出す方法です。 Attention!! この記事はソースを大幅に改良してこちらへ書き直しました。 以前書いたクリックしてタ ...
続きを読む
2013.03.22
illustrator

DTP 解像度

イラストレーターは通常、解像度は気にしなくてもOKなのですが、ドロップシャドウや透明などの特別な効果を使った場合は解像度の設定が必要です。 ファイル⇒ドキュメント設定でポップアップウィンドウが出 ...
続きを読む
2013.03.19
design

DTP 文字の大きさと配置の目安

DTPデザインを始めたばかりのころ、印刷物の文字の大きさや配置の目安というのが分からなくて意外と不便に思いました。 デザインの目的によって文字の大きさや見せ方はもちろん違いますが、基本的な目安がある ...
続きを読む
2013.03.16
css

CSSで三角形を作る方法

こちら(CSSだけでリボン・アニメーション・メニュー)で書いたようにCSSで三角形を作る方法は、使い方次第でデザインの幅が広がりますね。 一体どういった仕組みなのか説明します。 HTM ...
続きを読む
2013.03.15
css

CSSだけでアニメーション リボン メニュー

CSS3のtransitonsとCSS2の疑似クラスを使って作るリボンの形をしたアニメーションのメニューです。 Attention!! 対応ブラウザについて: IE8,IE9はCSS3のt ...
続きを読む
2013.03.12
illustrator

DTP 画像の配置と埋め込み、入稿方法

通常フォトショップなどで編集した写真や背景画像などをイラストレーターに挿入する場合は配置(リンク)します。 PSDファイル(Photoshopファイル)をAIファイル(Illustratorファ ...
続きを読む
2013.03.09
design

アイディアが素敵なウェブサイト 6選

アイディアだけでなくデザインももちろん素敵なウェブサイトです。 特別な技術を使わなくてもアイディア次第で一味違うサイトになると私が改めて感じたサイトをご紹介します。 とある設計会社のウェブサイ ...
続きを読む
2013.03.07
javascript

マウスオーバーでタブの表示切り替え jQuery プラグインなし

タブみたいなメニューで、マウスオーバーすると同じページ内(同じHTMLファイル内)で表示を切り替える方法です。 Attention!! この記事はソースを大幅に改良してこちらへ書き直しました。 ...
続きを読む
おすすめの本
ネットで調べればなんとかなる!という時代ですが、良い本にめぐり合い、基礎をきっちり固めることで応用がきくテクニックを身に着けることができます。もっと上達したい人におすすめの本をいくつかご紹介します。
TO TOP