Asial Blog

Recruit! Asialで一緒に働きませんか?

デザイン・UIの一覧

古びた紙にかすれた風の文字のデザインを作ってみました。

カテゴリ :
デザイン・UI
タグ :
Photoshop
デザイナー
古紙
スタンプ風
Tech
古びた紙に_13_完成.png
9月はイベントが多く、キャンペーン用フライヤーなど目立つような派手な印刷物を作っておりました。
そこで今回は、派手でポップなデザインをPhotoShopで作成してみようとおもいます。

質感はどこからやってくる?

カテゴリ :
デザイン・UI
タグ :
Tech
Design
Graphic
Photoshop
デザイン
00.png
こんにちは、鴨田です。

何かパーツをデザインするとき、
もっとリアルにしたいな、質感を出したいな、とか、
思うことがあったりしませんでしょうか。

まあどういうデザインを行っているかによって違うとは思いますが、
誰もが一度はそんなことを考えたことがあるはずです。

では、何をもってリアルな質感というのか?

打ち合わせで「聞いておくべき」Webデザインをスムーズに進める3つの質問

カテゴリ :
デザイン・UI
タグ :
デザイン
ディレクション
打ち合わせ
Webデザイナー
コミュニケーション
cat0074-066_m.jpg
いつも自分がクライアントに聞いてるなーという質問から3つピックアップしました。

アール・ヌーヴォーの巨匠ミュシャを知る・使う

カテゴリ :
デザイン・UI
タグ :
Tech
デザイン
ミュシャ
素材
フォント
アルフォンス・ミュシャ---Wikipedia.png
こんにちは、鴨田です。

最近は、HTML/CSSコーディング系のブログばかり書いていましたが、
たまにはデザイン系のブログも書こうと思います。

とはいえ、最近デザインワークをしていないので、
あまり旬な話題や経験に乏しいこともあり、自分の趣味に走ります。

さて、自分はアルフォンス・ミュシャが好きだったりします。
あんな画が描けたらどれだけいいものかと思ったりします。
でも全く描けないので、せめてミュシャの紹介と
ミュシャに近づくための素材の紹介をしていきたいと思います。

レスポンシブデザインのウインドウサイズの切替えについてまとめてみました

カテゴリ :
デザイン・UI
タグ :
レスポンシブデザイン
スマートフォン
タブレット
デバイスの横幅リスト
こんにちは。和田です。

今回はFireworksから離れて、最近なにかと話題のレスポンシブデザイン-特にウインドウサイズの切替えについて書こうと思います。

インスピレーションをかきたてるポスターデザインのまとめ記事のまとめ

カテゴリ :
デザイン・UI
タグ :
Tech
デザイン
ポスター
まとめ
DTP
01.jpg
こんにちは、鴨田です。

最近はあまりデザイン寄りの記事は書いていなかったので、たまにはデザイナーとして側面から、記事を書きたいと思います。

今回は海外ブログ記事のご紹介です。
10種類のポスター作品と6つのポスターまとめ記事(サイト)を紹介しています。

記事内で紹介しているまとめ記事(サイト)は原文と同じですが、ポスター画像は自分が気に入ったものに変えていますし、冒頭文は意訳ですので、翻訳元の記事も確認してもらえると、より正確に伝わると思います。

イコライザーをFireworksで描いてみました

カテゴリ :
デザイン・UI
タグ :
Tech
Fireworks
UI
デザイン
01.jpg
こんにちは。和田です。

最近、会社の中で音楽を趣味にしていたり音響に詳しい人たちが増えて来たように思えます(今まで知らなかっただけかもしれませんが…)。
ということで、今回は音楽ネタを描こうと思います。

描くものはイコライザ—です。
出来上がりはこんなイメージです。

超便利!Twitter BootstrapでさくさくWeb開発

カテゴリ :
デザイン・UI
タグ :
Tech
CSS
デザイン
Twitter Bootstrap レイアウト
エンジニアのみなさんがWebアプリケーションを作るとき、一番悩むのはデザインではありませんか?
今すぐ開発始めたい!でもデザインセンスないし…色味のない開発中画面はつまらないし…
でも!Twitter Bootstrapを使うと、簡単にカッコいいサイトが作れます!

非エンジニア出身の新米Webディレクターが覚えておくべき10の用語 その2

カテゴリ :
デザイン・UI
タグ :
Tech
ディレクター
ディレクション
用語
icon
こんにちは、鴨田です。

先日、非エンジニア出身の新米Webディレクターが覚えておくべき10の用語という記事を書いたのですが、
今回はその続きというか、第2弾をお送りしたいと思います。

もしかしたら、用語を説明するための用語が分からないのではないかという気もしますが、そこは自分で調べると吉なんじゃないかと思います。

iCloud風のアイコンを作成する(Fireworks)

カテゴリ :
デザイン・UI
タグ :
Tech
Fireworks
アイコン
iCloud
土台?の矩形
こんにちは。和田です。

今回はiCloud風のアイコンをFireworksで作成したいと思います。
オブジェクトは3つだけで作成できるのでとても簡単です。

いくつかバリエーションを作ってみました。
↓仕上がりイメージはこんな感じです。