タグ

Web制作とweb制作に関するakane_1006のブックマーク (7)

  • Webディレクターがオススメする、ディレクションに役立つ本20選 | 株式会社LIG(リグ)|DX支援・システム開発・Web制作

    こんにちは。やっと先日実家から布団が届きました! のっちです♩ ぬくぬく眠れるのは良いのですが、今度は布団から出るときの辛さが2倍になったのを痛感し、果たしてどちらが良かったのかなと悩んでいます。幸せって難しいですね。 さて、前回の記事「LIGのデザイナー陣がオススメする、これだけは読んでおきたいデザイン15選」に対しては、ありがたいことに社外内どちらからも良い反響をたくさんいただくことができました。 なので今回は、そんな私たちデザイナーに日々寄り添い、支えてくださるLIGディレクター陣におすすめを紹介してもらいました。 もくじ 顧客の要求を確実に仕様にできる要件定義マニュアル USAMIのブランディング論 ブランドのはじめかた 現場のプロが教えるWebディレクションの最新常識 知らないと困るWebデザインの新ルール2 モメないプロジェクト管理 77の鉄則 Webディレクション標準ガイ

    Webディレクターがオススメする、ディレクションに役立つ本20選 | 株式会社LIG(リグ)|DX支援・システム開発・Web制作
  • PCサイトのUIデザインにおける12のトレンド | ベイジの社長ブログ

    スマートフォンの普及で、PCで閲覧するWebサイト(以下、PCサイト)に対する注目度は下がっています。しかし、BtoBのデジタルマーケティングにおいては、PCサイトが今後も戦略の中心になるでしょうし、BtoCにおいても、PCサイトが不可欠な領域もまだまだ多いです。 ハードウェア的に大きな変化のないPC向けのWebデザインというと、ノウハウは固定化されている印象もありますが、実際には時代の流れを受け、今も変化を続けています。特に以下のような環境変化が、PCサイトのUIデザインにも大きな影響を与えています。 表示デバイスの多用化 スマートフォンアプリの一般化 タッチスクリーンの普及 トレンドに合わせれば成功、というではありませんが、その根底に流れているユーザ動向の変化については、十分に理解しておく必要はあるでしょう。そこでこのエントリーでは、PCサイトのUIデザインにおける最新動向を、その背景

    PCサイトのUIデザインにおける12のトレンド | ベイジの社長ブログ
  • スマホサイトのEFO(フォーム最適化)で爆発的成果を出すための5原則 | LPO研究所

    LPO研究所所長の鎌田です。 スマホサイトを用意するのがもはや当たり前になりつつある昨今ですが、スマートフォン対応を急ぐあまり、問合せフォームのユーザビリティがないがしろになってしまっているサイトをよく見かけます。 スマホユーザーの環境は、PCユーザーに比べてあらゆる点でシビアです。いい加減なスマホ対応をしただけでは、そうそうコンバージョンのアップにはつながりません。 下記の事例をご覧ください。 これは、あるブライダル系サービスのPC向け問合せフォームをスマホ最適化したところ、スマートフォンからのコンバージョン率が3倍以上になった事例です。このように、スマホユーザー向けに問合せフォームを最適化するだけでも、コンバージョン率はしっかり上がるのです。 今回は、弊社でスマホ向けフォーム最適化を行う際にいつも心がけている「5つの原則」について、具体例を交えてご紹介します。あなたのスマホ向けフォーム

    スマホサイトのEFO(フォーム最適化)で爆発的成果を出すための5原則 | LPO研究所
  • これからSassを始めたい人へ!導入手順をまとめてみた(Dreamweaver対応) | 株式会社LIG(リグ)|DX支援・システム開発・Web制作

    こんにちは。LIGフィリピン支社代表のせいとです。 全く関係ない話ですが、ポケットモンスター X・Yが発売されたそうですね。「金・銀、ブラック・ホワイトときたら、次はパステルカラー辺りが来るはずや!間違いない!」と思っていた僕の予想はまんまと外れました。まあそれはいいとして、 今回はSassについてちょっと語らせていただきます。Sassというと、「効率、コーディングスピードが超上がるらしい」とか、「LINE株式会社、株式会社DeNAとかも採用してるらしい」という話を聞きます。僕もSassについては勉強しているんですが、当初はわかりにくい部分もありました。 それは「そもそもSassが何なのかよくわからない。プログラミング言語??」ってことと、「インストールが上手くいかない!コマンドプロンプト使い方わからない!Dreamweaver(以下DW)動かない!GUIソフトってなに!?」ってことです。

    これからSassを始めたい人へ!導入手順をまとめてみた(Dreamweaver対応) | 株式会社LIG(リグ)|DX支援・システム開発・Web制作
  • Web制作者が捗る!知識が増える2014年トレンドまとめ

    作成:2014/06/9 Web制作 > トレンド感のある動きや、洗練された見え方を実現するために、知っておきたいことや方法など。Web制作の現場で知っておくべきことをまとめました。全部取り入れるのは無理ですが、押さえておくことで今以上に見栄えのするサイトを作れると思います。ここ最近のトレンドをおさらいしたいときに。 エンジニア速報は Twitter の@commteで配信しています。 もくじ ファーストビューで使いたいエフェクト 1.ロングシャドウ 2.ポリゴン 3.ラージフォトスタイル 4.ブラーエフェクト 5.フルスクリーン動画 6.画像シーケンス 脱ビットマップ画像 7.SVG 8.Webフォントを円で囲む 配色・フォント 9.配色(フラットデザイン) 10.タイポグラフィ(フラットデザイン) 11.フォント(フラットデザイン) 効果 12.Infinite Scroll(無限スク

    Web制作者が捗る!知識が増える2014年トレンドまとめ
  • Movable Type(ムーバブルタイプ)超入門解説 | 株式会社LIG(リグ)|DX支援・システム開発・Web制作

    こんにちは、エンジニアのしょごです。みなさん、「Movable Type(以降MT)」ってご存知ですか? いわずと知れた「Six Apart」社が提供しているCMSプラットフォームです。 ブログはもちろん大規模コーポレートサイト、作りようによってはECシステムや情報検索サイトなどのWebシステムサイトの構築を行うことができます。 弊社ではWordPress案件を多く請け負うケースがありますが、前職では「MTの略はミスター徳山だよね!」って言われるほどMT漬けでした。 そこで今回は、MTについてご紹介したいと思います。 そもそもMTってどんな構成になってるの? まずはここから簡単にお話します。 MTには「ウェブサイト」と「ブログ」と「ウェブページ」いう大きなくくりがあります。 ブログとは ブログは更新が頻繁なページや、コンテンツを展開するのに特化しています。 例えば、インフォメーションやイベ

    Movable Type(ムーバブルタイプ)超入門解説 | 株式会社LIG(リグ)|DX支援・システム開発・Web制作
  • 他人の知識から学びとれ!Webディレクターに役立つ厳選スライド資料まとめ | 株式会社LIG(リグ)|DX支援・システム開発・Web制作

    勉強欲が強いディレクターの鮫島です。 普段みなさんは知識を得るためにどのような勉強をしていますか?? を読んだり、セミナーに行ったり、Facebookのタイムラインに流れてくる技術系の記事を見たりすることが多いかと思います。 私も大体そうなのですが、最近それ以外にも勉強する方法を模索しています。 その中の1つとして、ちょこちょこ目に付くオンラインの「スライド資料」がとても分かりやすくて、ちょっとした合間に勉強できます。そこで、私が最近見た中でも、見やすくて勉強になったスライドをいくつかご紹介します。 ちなみに、オンラインのスライド資料サービスについては、過去にディレクターの勢古口が「より美しいプレゼン資料を共有しよう。オンラインプレゼンツール7選」でまとめていますので、ご興味あればこちらもご一読ください。 ディレクター向けのスライド資料まとめ IAシンキングによるモバイル再設計 内容 I

    他人の知識から学びとれ!Webディレクターに役立つ厳選スライド資料まとめ | 株式会社LIG(リグ)|DX支援・システム開発・Web制作
  • 1