Quantcast
Channel: アライドアーキテクツのクリエイターブログ » webデザイン
Browsing all 19 articles
Browse latest View live

駆け出しのデザイナー必見!デザイン基礎知識 良記事まとめ

こんにちは。あんなです。 頭文字Dにハマりすぎて、なんとかブログのネタに 結びつけられないかと考えたのですが・・・駄目でした>< 今回はデザインを学ぶ上で参考になった記事をまとめました! 駆け出しのデザイナーさんや、デザインの基礎を学びたい方向けです!では早速~♪ もくじ フォント カラー レイアウト その他 フォント(文字まわり) 求められるデザインによって、使用するフォントも変わってきますよね!...

View Article



Image may be NSFW.
Clik here to view.

アイコンフォント「Font Awesome」を活用して制作を効率化しよう!

こんにちは。すーさんです。 今日は、普段よく使うアイコンが439個もパッケージされたウェブフォント「Font Awesome」のご紹介。 アイコンはベクターデータなので、サイズの指定も自由自在、色やアニメーションなどCSSでの装飾も簡単にできて非常に使いやすいです。 Font Awesome ではさっそく使っていきましょう。 1.準備...

View Article

Image may be NSFW.
Clik here to view.

イケてる「ページトップへ戻る」ボタンサイトを集めてみた

最近は応援してるJリーグサッカーチームが 好調で喜びのあまりお酒が止まらないタムラです。 そして、夏になると音楽フェスに海にBBQに楽しみが尽きないですね。 年甲斐なく焼けてしまうので今年から日焼け止めをぬりたくってます。 (可愛い日傘があれば購入を検討中) 今回はかわいいページトップのうごきや おもしろいもの、デザインテイストが素敵なものなどを紹介したいと思います。...

View Article

いつ行くの?今でしょ!クリエイターの行くべき都内のオススメギャラリーまとめ

こんにちは。ディレクターのオオタです。 最近、さらなる成長を目指し、部署異動して新たなサービスに取り組んでいます。 クリエイターの仕事は、デスクワークが中心。 良いアイデアやデザインを考える時、多くは本を参考にしてみたり、 ネットサーフィンなどして、イメージをふくらませます。 特にWEBサイトを創る仕事は、PC+インターネットさえあれば、...

View Article

Image may be NSFW.
Clik here to view.

FOOTERに凝っているWEBサイト集めてみた

こんにちわ。 コーダーのタムラです。 今回は自分が可愛い!おしゃれ!と思ったサイトのフッターを紹介したいと思います。 イラストがかわいい イラストが使用されていてとてもかわいく仕上がってます。ぴょこぴょこ動いてるサイトもあります。 旅もじゃ EHONICA(エホニカ) 旅モニ 玉名牧場 http://www.tamanabokujo.jp/ 愛犬厨房 http://www.i-ken.jp/...

View Article


Image may be NSFW.
Clik here to view.

コーダーが覚えとくと便利なPhotoshop操作

先週もblogを書かせてもらいましたタムラです。 最近は矢沢永吉とPerfumeを作業用BGMとして仕事してます。 今回はコーダーが知っとくと効率が上がるPhotoshop操作を5つを紹介します。 項目は下記になります。 目次 選択範囲をそのままコピーする。 gif画像を直接編集したい。 たくさんのサムネイル画像を量産したい! レイヤーからスライスを作成する 選択範囲からスライスを作るアクション作成...

View Article

Image may be NSFW.
Clik here to view.

デザイナーは必須!?話題のSketch3を使ってみた

こんにちは。 デザイナーの高野です。 今回は巷で騒がれている話題のデザインツール、Sketch3を使ってみました。 凄く有名なソフトなので他にも感想などはたくさん上がっていますが 自分なりの印象とかを記載してみたいと思います。 いいところ ①とにかく動作が軽い! まず最初に感じたのは軽いです。最初の起動も早いし保存やその他 Adobe製品に比べるとはるかに軽いです。...

View Article

Image may be NSFW.
Clik here to view.

margin?padding?ボックスモデルを理解しよう!あとbox-sizingが便利だよ、って話

こんにちは、フロントエンドエンジニアのあつこです(ΦωΦ) 先日marginとpaddingの関係やらボックスモデルやらの話をする機会があったので、ここでちょっとまとめておきたいと思います。 「余白」とmarginとpadding コーディングの際、デザイナーさんから上がってきたデザインを見て 「この余白はmarginなのか、paddingなのか……」 と悩んだことはないでしょうか。...

View Article


Image may be NSFW.
Clik here to view.

keynoteで作るアニメーションプロトタイプ

こんにちは。すーさんです。今日はkeynoteの使い方のご紹介!と言ってもプレゼンスライドの作り方ではなく、keynoteを使ってアニメーションプロトタイプを作るとプロジェクトが円滑に進むよ!って感じのお話です。 「ボタンを押すと上からぐいぃーん!てボックスが出てきて、シュッ!シュッ!シュッ!って要素が出てくる感じ〜。。。。。」って言うよくあるシーンでとっても活躍してくれます。 完成型...

View Article


Image may be NSFW.
Clik here to view.

いろんなサービスのブランドカラーを見てみる(+D3.jsでちょっと遊ぶ)

ブランドのイメージを伝えるのに、ブランドカラーはとても強い力を持っていますね。 Instagramの青やLINEの緑など、ぱっと見ただけでブランド想起できる、とても力強い要素のひとつだと思います。 最近、いろいろなサービスなどのブランドカラーを調べてみましたので、 調査中/作りかけではありますが公開しておこうと思います。 参考サイト Find Guidelines...

View Article

Image may be NSFW.
Clik here to view.

Fireworksユーザーの私がPhotoshopにときめいた3つの機能

こんにちは!福本作品をこよなく愛すあんなです! アニメを見返したこともあって今カイジが熱いっ・・・>< 私は最近メインツールをFireworksからPhotoshopに移行しました! まだまだ勉強中ではありますが、操作にもだいぶ慣れてきたところです! 今回は「なにコレ素敵っ・・・!」と、個人的にときめいた3つの機能をあげてみます! その1:自動復元機能...

View Article

Image may be NSFW.
Clik here to view.

刺激を受けていいクリエイティブにつなげよう!デザイントレンドをキャッチできる「Panda」

こんにちは。デザイナーのまんです。 様々なデザインのまとめサイトや各国のクリエイターのポートフォリオサイトは眺めるだけでもとっても参考になりますよね。 今回は刺激を受けられてデザインの参考になるサイトをご紹介します。 Panda まず名前にグッときます。かわいい。...

View Article

Image may be NSFW.
Clik here to view.

2014年僕が個人的に気になったツール・サービスなどなど10選

こんにちは!てっちゃんです。 今日は12月24日クリスマスイブですね。皆さん今夜は予定があるんですかね? 僕は安定の...(´・ω・`) 年末になりボチボチ今年を振り返ろうかなって時期なので今年のまとめとして僕が個人的に気になった2014年のツールとかサービスを10選ほどご紹介しようと思います。 選定と感想は僕の独断と偏見なのであしからず。 HTML5勧告...

View Article


Image may be NSFW.
Clik here to view.

マーケティング担当者必見!WEBディレクターが選ぶ。 俺の!2014年SNSキャンペーン10選

こんにちは。ディレクターのオオタです。 年が明け早1週間、仕事はようやく本格始動しましたが、 個人的には、まだまだ正月気分が抜けず、さて今年の目標はどうしよう?と思い悩む 今日この頃な私です。 さて、折角年も明けた事ですし、昨年数多く開かれた優秀・秀逸な SNS(ソーシャルメディア)に関する様々な施策・キャンペーンを 弊社運営の「SMMLab」より”超”個人的な見解で抜粋しました。...

View Article

いつ行くの?今でしょ!クリエイターの行くべき都内のオススメギャラリーまとめ

こんにちは。ディレクターのオオタです。 最近、さらなる成長を目指し、部署異動して新たなサービスに取り組んでいます。 クリエイターの仕事は、デスクワークが中心。 良いアイデアやデザインを考える時、多くは本を参考にしてみたり、 ネットサーフィンなどして、イメージをふくらませます。 特にWEBサイトを創る仕事は、PC+インターネットさえあれば、...

View Article


Image may be NSFW.
Clik here to view.

プロトタイピングで進めるモバイルアプリのUIデザインプロセス【watav版】

こんにちは。すーさんです。今回は昨日リリースされたネット上のイベント情報を横断で探すことができる新モバイルアプリ「watav」のUIデザインのプロセスをご紹介します。 詳しくはTechCrunchでご紹介して頂きましたので是非ご覧下さい!「watav」はありそうでなかったイベントまとめアプリ - TechCrunch UIデザインプロセスの流れ アイデアアウトプット ゴールの言語化...

View Article

商用利用OK、バックリンク不要、著作権表示不要な画像・素材サイト よりぬき その2

お久しぶりです、デザイン工作員shibawoです。今回は繁忙期のため簡単更新… 個人的にやってるNAVERまとめの「商用利用OK、バックリンク不要、著作権表示不要な画像・素材サイト」からのよりぬきをご紹介します。デザインや企画書の素材にお役立てください。 素材サイト 罫線・飾り罫ライン素材 FREE LINE DESIGN http://free-line-design.com/...

View Article


Image may be NSFW.
Clik here to view.

Sassで色空間『HSB』を扱う関数を作った話

こんにちは、フロントエンドエンジニアのあつこです(ΦωΦ) 先日どうしてもSassでHSBを使用したかった際の、経緯と対処法を紹介します。 もくじ RGBとHSLとHSB 何故HSBなのか RGBとHSBの相互変換関数を書く まとめ RGBとHSLとHSB そもそもHSBは色空間の一種で、RGBやHSLと同じように3つの要素から色を特定する方法です。...

View Article

Image may be NSFW.
Clik here to view.

サイト内にうまくInstagramを取り入れてるサイト11選

こんにちわタムラです。 ここ最近雨続きでしたが、やっと晴れ間が見えましたね。 今年は特別に夏が短かった気がしてます。 夏好きの自分としてはちょっと悲しい気持ちです。 今回はインスタグラムをコーポレートサイトや、ポートフォリオページなどに うまく取り入れてるサイトを紹介したいと思います。 インスタグラムのこだわった綺麗な写真が集まりやすいので、 その特性をうまく取り入れてると思ったサイトを集めました。...

View Article
Browsing all 19 articles
Browse latest View live




Latest Images