モリサワ『TypeSquare』のスペシャルサイト制作を担当しました！使用感と制作過程を公開します | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
こんにちは！ デザイナーの藤田です。 先日、国内フォントベンダー最大手・株式会社モリサワのサイト制作を担当させていただきました。今回のサイトは、Web フォントサービス『TypeSquare』のスペシャルサイトで、2016年12月12日（月）に一般公開しております。 こちらが実際に作成したサイトです。 >> TypeSquare スペシャルサイト TypeSquare のスペシャルサイトなので、同サービスの Web フォントを使用させていただきました！ 一度に何書体も使うことはなかなかないので、メッチャ楽しかったです。 今回は、実際に TypeSquare のサービスを利用してみた所感と、スペシャルサイト制作時のプロセス等についてご紹介します。 商材を理解する 実制作にあたり、まずはサイトで紹介したい商材やその企業のことを「知る」ことが不可欠です。 TypeSquare とは TypeSq
Webデザインで残業しない。デザイナーのワークフローを爆速化するAdobeツール | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
こんにちは。デザイナーの佐藤タカアキ（@sato_tkaaki）です。 最近、愛犬を飼いはじめてから、早く家に帰りたい日々を送っています。 そのためには仕事の効率化が必要不可欠。今回は残業なしで帰るためのワークフローについて書きたいと思います。 さて、Webデザイナーの皆さんは普段どんなツールを利用していますか？ 好みによってさまざまかと思うのですが、DreamweaverはCreative Cloud 2015になって、マルチデバイス対応サイト制作に便利な機能がたくさん追加されたそうです。 そこで今回はAdobe Creative Cloudで使えるサービスを活かして、サイトの制作ワークフロー別に作業効率化を図る方法をまとめてみました！ 1. ワイヤーフレームをサクッと制作しよう 最近では便利なワイヤーフレーム作成ツールが増えてきましたが、それでもまだまだこんな風に面倒なことが多いですよ
【WEBデザイナー必見！】トップデザインに取り掛かる前にするべき事前準備などなど | ウェブ戦略・コンサルティング UNIONNET Inc.
2014.10.15 こんにちは！ 最近ササッキーと呼んでいただけるので、喜んでこの名前で記事書いていきます(｡･ω･｡)ゞ 本日は、 に感化され、これのデザイナーバージョンを公開しちゃおう！と思い立った次第です。 デザイナーがトップデザインする前にすべきこと、またその理由を4ステップで紹介しています。 前提として、ユニオンネットではディレクターさんに打ち合わせ～サイトマップ＆構成＆ワイヤーフレームを作成して頂いております。 よってその確認が最初のお仕事になります。 私の場合ですが、 の流れでトップデザインを制作しています。 目次 サイトマップの確認 ワイヤーフレームの確認 ディレクターさんとの打ち合わせ 参考サイトによるイメージ固め 手書きラフ デザインに落とし込み デザインのご質問お受けします 1.サイトマップの確認 まずは、サイトマップの確認をします。 どんなコンテンツがあるの？注力
ワイヤーフレームをIllustratorで作成している人に！100種類以上のエレメントが揃ったスマホ用ワイヤーフレームのベクター素材
ワイヤーフレームをIllustratorで作成している人に！100種類以上のエレメントが揃ったスマホ用ワイヤーフレームのベクター素材
アプリのUI設計に便利！無料ツール「Flinto」を使ってプロトタイプをつくってみた
こんにちは。デザイナーのまんです。 Webサイトやモバイルアプリをつくる上でUIに悩むことは多いと思います。 ワイヤーフレームを引いてみても、動かしてみたときを頭の中で想像しながらだとなかなか時間が掛るし思うようにならない…。 そんなとき！作った画面をお手軽にがしがし動かしてくれるプロトタイプツールが便利です。 今回使ってみたのは「Flinto」というWebツール。(1ヶ月体験無料) 実際に使ってみた感想や気づきをご紹介します。 使い方 基本的にはよくあるプロトタイプツールと同じで ①画面イメージ（画像）を登録する ↓↓↓ ②リンク箇所とリンク先を設定する （みょい～～～んとアンカーが伸びるのが気持ちよくてすごく好きです） リンク設定しおわったら「Share & Install」からURLを生成してモバイルのホーム画面に追加すると まるで本物のアプリのような動きをしてくれます！（Web上で
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
