Asial Blog

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

デザイン・UIの一覧

デザイナーの視点から見たオシャレ&面白いバナーを30個集めてみました。

カテゴリ :
デザイン・UI
タグ :
Tech
デザイン
バナー
バナー書き出し用_05.png
こんにちは。花崎です。

アシアルでは、積極的にセミナーやイベントごとに出展をしています。

その際にバナー広告を作成するのですが、あの狭いスペースに載せたい情報を盛り込み、クリックしたくなるようなデザインにするのかいつも頭を悩ませます。

一番訴求したい情報に目をひかせるか腕の見せ所でもあります。

そこで今回は、デザイナーの視点から見たオシャレ&面白いバナーを30個集めてみました。

ウェブ制作に重要なワイヤフレームを書けるツール&ウェブサービス6選

カテゴリ :
デザイン・UI
タグ :
UI
デザイン
ワイヤフレーム
balsamiq.png
こんにちは、久保田です。
ウェブサイトのデザインやコーディングを始める前にワイヤフレームは作っていますか?ワイヤフレームは、以下の様な内容を設計するのに利用されます。

・ページ間の遷移
・ページの内容
・ページの大まかなレイアウト

これらの項目についてチームやクライアントと予め合意しておくと、後に続くビジュアルデザインやコーディング時の前提を共有でき、作業をスムーズに進めることが出来ます。これからどのようなウェブサイトを作るのか?ということをきちんと共有することでデザイナーやコーダーや関係者と意思統一することができるわけです。

この記事では、このワイヤフレームを書けるツールやウェブサイトを紹介します。

Slicyで面倒なPSDのスライス作業を効率化 !

カテゴリ :
デザイン・UI
タグ :
デザイン
Photoshop
slicy.png
こんにちは、最近コード書く時間がなくなってPhotoshopいじっている時間の方が主になってきました、久保田です。

Photoshopを使った画像書出しの時には、面倒なスライス作業をやらなければいけません。この記事では、Photoshopで面倒なスライス作業を劇的に効率化してくれるSlicyというアプリの紹介をします。

SVGと画像ファイルの容量の差を検証-2 〜PNG,GIF追記〜

カテゴリ :
デザイン・UI
タグ :
Photoshop
Illustrator
SVG
PNG
GIF
図−1 四角のチャート
こんにちは。和田です。
とうとう12月になりました。今年もあと1ヶ月弱。時間が経つのは早いですね。

さて、今回は前回に引き続きといいますか、
「PNG,GIFとSVGを比較した方がよいのでは!?」というご意見いただきましたので、そちらの比較をしてみようと思います。

SVGと画像ファイルの容量の差を検証

カテゴリ :
デザイン・UI
タグ :
SVG
Illustrator
Photoshop
PNG
JPG
図−1 四角のチャート
こんにちは。和田です。
今後数回に分けて、デザイナー視点でSVGファイルについて書いてみようと思います。
(あくまでデザイナー視点ですのでIllustratorで作成した図をSVG保存して、どうなるか…みたいな事を書いていきたいと思います。)

グレーにカラフルな色が効いている国内&海外のサイトを14個まとめてみました。

カテゴリ :
デザイン・UI
タグ :
Tech
デザイン
グレー
Webサイト
8.png
こんにちは、花崎です。

最近髪の色を赤茶色にしました。

昔から赤毛の外国人さんを見ると、きれいな色だなと思っていたので紅葉のこの季節になると赤く染めます。

よく赤い下着を付けると元気になる、という情報を聞きますが確かに赤色を身に着けるだけで気分も上がります。

Fireworksでちょっとリアルな雲を描く方法

カテゴリ :
デザイン・UI
タグ :
Fireworks
リアル
完成
こんにちは。和田です。
最近、だいぶ秋らしくなってきました。
上空は秋晴れの奇麗な空が広がっています。
そんな空を眺めていて、
ふっと、
簡単にFireWorksでリアルな雲は描けないかな…と思いチャレンジしてみました。
むちゃくちゃリアルではないですが、まぁそれなりに、それっぽくなったのでブログに書いてみようと思います。

ベテランPhotoshopユーザも必見! Photoshop CS6 新機能まとめ

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

先日、会社のPCにAdobe CS6が導入されました。
今までCS4だったので、いろいろな変化に驚いています。
今回はPhotoshop CS6の新機能について、紹介したいと思います。

ただし、CS4→CS6になっての変化なので、
CS5からある機能も少し含まれているので、あしからず。

レスポンシブWebデザインについて3つにまとめてみました

カテゴリ :
デザイン・UI
タグ :
レスポンシブ
Webデザイン
ブレークポイント
Tech
icon
こんにちは、花崎です。

このところコーディングをする機会が多くなってきました。
最近では簡単なサイトを作成し、スマホ用とPC用で作成しました。

いろいろ勉強していると、最近「レスポンシブWebデザイン」という言葉をよく見かけます。
最近注目されていレスポンシブWebデザインについて3つ簡単にまとめたので紹介します。

スマホ&タブレットの解像度(ppi)ベスト3

カテゴリ :
デザイン・UI
タグ :
iPhone
スマートフォン
解像度(ppi)
icon
こんにちは。和田です。

最近のiPhoneは解像度(ppi)がとても高いですよね!
と、感動していたのですが、ふと実際に流通している他のスマホの解像度(ppi)ってどうなっているのだろうと思い、ちょっと調べてみました。
そうしたら、iPhoneよりも高いppiのデバイスってあるんですね!
これまた驚きです。