こんにちは、Web制作会社　株式会社LIGでアートディレクターをしているもりたです。 この記事ではデザイナーが情報設計することの理由とメリットを説明します。 「ユーザーにどんな”よいこと”を提供するのか」を考えた時、ただの情報整理だけではない情報設計の領域へと入っていくことになります。ディレクターやプランナーに任せてもいいのかもしれませんが、きっとデザイナーが一番意識しながら制作する立場にいるはずです。 もしもあなたが他のメンバーから渡されたワイヤーを元にデザインを作成していて、そのワイヤーに不満を持つことが多いのであれば、あなたは情報設計をすべきなんです。 株式会社LIGとは 2007年設立のWeb制作会社。これまで国内外において30以上のWebデザインアワードを受賞。Web制作だけでなく、月間200万PVのWebメディア「LIGブログ」で培ったマーケティングのノウハウを生かした企画力、

こんにちは、デザイナーのぺちこです。 以前、デザイナーもりたの、デザイナーとフロントエンドにちょっと優しい「PSDルール」を考えてみたという記事が公開されましたね！　こんな風に、最近LIGのデザイナー＆フロントエンド間では、いかにお互いの仕事をスムーズにするかという話題が増えています。 まだまだ模索中ではありますが、今回は、これを知っておけばお互いにとってハッピーなのでは？というPhotoshopの機能や工夫の豆知識をご紹介したいなと思います。 フロントエンドの方にぜひ知ってもらいたい！というのはもちろんですが、デザイナーの方もこれを読んで気遣いがチラ見えするPSDを作れるようになったら、明日から職場の空気が和やかになるかもしれませんね。 その気遣い、伝わってないかも。 デザイナーは普段Photoshopを使っていて自分の使いやすいようにプラグインを入れていたり、さまざまな機能を駆使してい

Sassってなんだろう。 ・Sass「Syntactically Awesome StyleSheet」 Syntactically　＝　構文的に Awesome　＝　 イケてる StyleSheet　＝　スタイルシート とどのつまり、すごいCSSということでしょうか。ロゴもかっこいい。 詳しく調べてみた ・CSSを拡張したメタ言語 メタ言語とは「ある言語について何らかの記述をするための言語」のこと。 つまりSassの場合は「CSSに対して機能を拡張した言語」ということになります。 CSSをより効率的に書けるようにした言語ということになります。 ・Sass はプログラムっぽく CSS を書く プログラムっぽく書くことでコーディング効率やソースコードの保守性が上がる。 Sassは、関数や変数の処理を行うために「プリプロセッサー」と呼ばれたりもするみたいです。 Sassには書き方が2種類ある！

原因はファイルのパスにあり このエラーの原因はファイルの中身ではなく、ファイルの置き場所にありました。 ファイルのパスに日本語が入っていること これが原因です。 えええ…。 っと思うかもしれないですが、これってsass的には基本的なことなのかもしれないです。というのも、実はDreamweaver CCでscssファイルをコンパイルする時も、パスに日本語が入っているとエラーになります。 ※他のコンパイラがどうなのかは全然調べてないです。 実は個人ではいつもDreamweaverを使用しているのですが、職場ではクライアントのデータが「クライアント」という日本語名のファイルに全て保存されており、仕方なくKoala + Sublime Textでscss環境を構築していました。 Koalaの以前までのバージョンではパスに日本語が入っていても問題なくコンパイルしてくれてだいぶ助かっていたのですが、ま