Asial Blog

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

デザイン・UIの一覧

【jQuery Tips】スクロールで画像がめくれる動きを表現する

カテゴリ :
デザイン・UI
タグ :
JavaScript
jQuery
Monaca
HTML5
デザイン
ランキング1位.png
ページスクロールと連動して、前面の画像がめくれて背面の画像が現れる効果をjQueryで実装します。

社内勉強会での「チームで作る!イケてるデザイン」の資料を公開しました

カテゴリ :
デザイン・UI
タグ :
アシアル
デザイン
icon
アシアルの社内勉強会で発表した資料を公開します。今回の社内勉強会では、「イケてるデザイン」をテーマに勉強会を開催しました。自分はその中でも「どうやってチームでイケてるデザインを作るのだろうか?」ということをテーマにして話をしました。

IllustratorでSVGファイルを保存してみました

カテゴリ :
デザイン・UI
タグ :
Tech
デザイン
Illustrator
img-0.png
最近よく見かけるSVGファイル。
Illustratorで作ったデータをSVGに保存してみました。

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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