CREATOR BLOG

「webデザイン」の記事の一覧

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

2014/07/25
鈴木潤一
  • このエントリーをはてなブックマークに追加

こんにちは。すーさんです。

今日は、普段よく使うアイコンが439個もパッケージされたウェブフォント「Font Awesome」のご紹介。

アイコンはベクターデータなので、サイズの指定も自由自在、色やアニメーションなどCSSでの装飾も簡単にできて非常に使いやすいです。

Font_Awesome__the_iconic_font_and_CSS_toolkit

Font Awesome

ではさっそく使っていきましょう。

続きを読む

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

2014/07/24
あんな
  • このエントリーをはてなブックマークに追加

こんにちは。あんなです。

頭文字Dにハマりすぎて、なんとかブログのネタに
結びつけられないかと考えたのですが・・・駄目でした><

今回はデザインを学ぶ上で参考になった記事をまとめました!
駆け出しのデザイナーさんや、デザインの基礎を学びたい方向けです!では早速~♪
続きを読む

Web Starter Kitを触った感想とかとか

2014/07/09
てっちゃん
  • このエントリーをはてなブックマークに追加

blog01

こんにちは、デザイナーのてっちゃんです。
今回は最近Googleの方でリリースされたWeb Starter Kitが気になったので、触ってみました。

私は業務の中でBootstrapを使ってデザイン・コーディングを行っていますが、Bootstrapを使うために色々補助ツールを使っています。Sass、compass、grunt、画像圧縮、ブラウザのオートリロード とかですかね。
こんな感じで環境を整えていますが、もっと簡単に必要な環境を使うことが出来るパッケージになっているツールがWeb Starter Kitです。

続きを読む

アプリのUI設計に便利!無料ツール「Flinto」を使ってプロトタイプをつくってみた

2014/06/27
まん
  • このエントリーをはてなブックマークに追加

head

こんにちは。デザイナーのまんです。
Webサイトやモバイルアプリをつくる上でUIに悩むことは多いと思います。
ワイヤーフレームを引いてみても、動かしてみたときを頭の中で想像しながらだとなかなか時間が掛るし思うようにならない…。

そんなとき!作った画面をお手軽にがしがし動かしてくれるプロトタイプツールが便利です。

今回使ってみたのは「Flinto」というWebツール。(1ヶ月体験無料)
実際に使ってみた感想や気づきをご紹介します。

続きを読む

10分の導入時間で2時間短縮!?これだけは外せないツールまとめ

2014/05/21
編集部
  • このエントリーをはてなブックマークに追加

0521_takano

こんにちは。
4月よりアライドアーキテクツの船員となりましたデザイナーの高野祥と申します。

■まずは自己紹介

大阪生まれ東京育ちの85年世代、以後お見知りおきを。

WEBデザイナーになるまでは
85年生まれる→高校卒業後バンドマンになる→心折れる→今に至る
という感じです。

初心者歓迎!おすすめツールいろいろ

新人さんもそろそろ慣れてきて、業務に集中し始めたころだろうと思い、
僕が働く上でこれは鉄板というツールを紹介したいと思います。
(Macでしか使えないツールも多いですがご容赦ください)

もうWEBツール、Photoshop関連などごちゃまぜでいきます。
中級者以上の方には少し退屈かもしれませんが今回は初心者にターゲットを絞りたいと思います。
そしてDropboxとかEvernoteみたいな超メジャー級のは省いていきます。

ではさっそくおすすめのツールを紹介していきます!

続きを読む

Recent Entry

CSSの単位まとめ pxからvm/vh/vmin/vmaxまで

レスポンシブHTMLメールを作ってみての感想

CSSのリファクタリングでした5つのこと

大人が読んでも頭を使う絵本の紹介

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

Category

Archive