機能面ではOfficeやPhotoshop、Illustratorにも匹敵する「最強の無料ソフト」10選【2017年版】 | ライフハッカー・ジャパン
会社がライセンスを買ってくれない限り、「Photoshop」や「Pro Tools」や「Maya」のようなツール、それにWindowsでさえもかなりの出費になります。今回は、通常は高額なソフトの代わりとなるお手頃なソフトを紹介しましょう。これでお財布の心配をせずに、さらに仕事をこなすことができます。 10. GIMP（無料：Windows、MacOS、Linux） これは少し当たり前過ぎかもしれません。「Adobe Creative Cloud」を買う余裕がなかったり、自腹で「Photoshop」を買ったことがないような場合は、「GNU Image Manipulation Program（略してGIMP）」がぴったりです。機能が豊富で、パワフルで（「GIMPShop」プラグインも使うと）、手間もほとんどかからず、Photoshopとほとんど同じように使えます。 最初は少し面倒かもしれませ
Photoshop、Illustrator、XD、Sketch…結局どれを使ってWebデザインすればいいの？ | Stocker.jp / diary
Webデザイン Photoshop、Illustrator、XD、Sketch…結局どれを使ってWebデザインすればいいの？ Thursday, September 27th, 2018 Webデザイン制作で使用するアプリは多様化しており、これからWeb制作をはじめたい方にはどれを選べば良いか分かりにくいかもしれません。 それぞれのアプリケーションには一長一短あり、用途によってどのアプリケーションが適切かは変わります。 この記事では、Photoshop、Illustrator、XD、Sketchに絞り、それらのアプリケーションの特徴についてまとめています。 なお、この記事の内容は 世界一わかりやすいIllustrator & Photoshop & XD Webデザインの教科書 という書籍のLesson 01の内容を一部抜粋し、この記事用にリライトしたものです。 Photoshop向きのデ
PhotoshopとIllustratorの違い：8つの具体例で比較
Photoshop（フォトショップ）と Illustrator（イラストレーター）は、どちらもアドビ社が提供している制作ソフトです。この２つは世界中で最も有名な制作ソフトと言っても良いでしょう。とはいえ「名前は聞いたことがあるけど何が違うの？」と疑問に思う方も多いのではないかと思います。
黄金比を使ったロゴデザインのプロセスとは？｜Goodpatch Blog グッドパッチブログ
黄金比とは 黄金比(Golden ratio)とは1:1.618の比率のことで、人間にとって最も安定し、美しく感じられる比率とされています。多数の有名なロゴにも、デザインの調和を保つために黄金比が取り入れられています。Appleの林檎のロゴや、Twitterの鳥のロゴなどは、黄金比を用いて作られていると言われています。 フィボナッチグリッドとフィボナッチサークルの作成 さて、ロゴデザインに黄金比を取り入れるために、まずは黄金比を用いられて作られる黄金螺旋（ここではフィボナッチグリッドと呼びます）を作っていきましょう。 フィボナッチグリッドは全体のレイアウト構成を決める時などにもよく用いられます。 １．まず、正四角形を描きます。 ２．正四角形の一辺を半径とした正円を描き、正四角形に沿って1/4の大きさにカットします。 ３． 2の図形をコピーし、 黄金比である1.618の値で割ります。 ４．3
スマホサイトの余白レイアウトデザイン_テンプレート/左右余白などHTML画面ガイドライン | デジマースブログ
社内のスマートフォン（以下スマホ）向けのデザインガイドラインから、画面レイアウトデザインに絞って紹介します。 目次 ガイドライン化の目的 ガイドライン化によるメリットを重視しない場合は意味を持ちませんが、テンプレートとして活用することで、サービスの立ち上げを短縮出来ます。 ポイントとして以下の3つでしょうか。 1. ブランディング 担当者の価値観に左右されない統一されたルールと表現 2. 効率化 サービスの立ち上げや運用コスト効率化をはかるため見せ方を統一 3. 精度の向上 都度ガイドラインの改修行い、精度の高いデザインに更新 画面デザインの基本方針 時間をかけてテクノロジーを導入し手の込んだ表層デザインにしても、ユーザーにはメリットがなく、自己満足で終わることがあります。 そういった傾向を回避するための方針が下記です。 1. シンプルに 2. ユーザー目線で 3. 新技術は追わない 4.
Adobe XDでシンプルなワイヤーフレームを作ろう！便利なUIキットいろいろ
2018年7月2日 Webサイト制作, XD 新たなデザインツールとして浸透してきているAdobe XD。Webクリエイターボックスでも何度か紹介してきました。Adobe XDはデザインを作り込むだけではなく、その前段階であるワイヤーフレーム制作にもおすすめです。様々なUIキットと呼ばれるデザインテンプレートが配布されていますが、今回は凝ったデザインのものではない、シンプルなワイヤーフレーム向けのUIキットをいくつか紹介します。 ↑私が10年以上利用している会計ソフト！ シンプルなワイヤーフレーム制作向けのUIキット Wires jp Wires jpはAdobeが公開しているUIキット。これまでは後述する英語表記のもののみでしたが、この度日本語バージョンがリリースされました！ 日本のWebサイトでよく見かけるデザイン要素がつまっています。テキストも日本のものらしく変更されていますよ。 W
モックアップをツールで作成！ぶれないデザインを生み出す方法を解説
4.ツール選定までのスケジュール案 いいツールを選ぶためには、スケジュール感を持って進めることも大事です。 いくつか無料トライアルから始めるかと思いますが、通常の仕事を行いながらツール選定するのは時間がかかります。計画的に進め、最短でツールを選定しましょう。 ＜ツール選定スケジュール案＞ 2月 優先順位の洗い出し 3月 ツールのトライアル〜ツールの選定 4月 運用開始 ※もし自社サーバーでの導入を検討される場合は、より長い期間の確保が必要です。 5.モックアップ作成ツールのご紹介 では最後にツールのご紹介をします。主要なツールはこちらに網羅されていますので、下記のリストから検討を始めてみてください。 5-1. オンラインツール 5-1-1. moqups ユーザー数：100万人以上 プラン：登録不要で無料で利用できるが一部機能制限あり 料金：月額約¥1,500〜 特徴：UIは英語だが、あら
★★【保存版】Font Awesomeの使い方まとめ：Webアイコンフォントを使おう
今回はFont Awesomeという超便利なサービスの使い方をまとめます。後半ではアイコンにさまざまなアニメーション効果をつける方法も解説します。 1. Font Awesomeとは？ ざっくりというとウェブサイトやブログでWebアイコンフォントを表示できるようにしてくれるサービスです。
効率的に学べた！Webデザインを「職種別」に基礎から勉強出来る総まとめ | コムテブログ
作成：2014/01/6 更新：2014/11/01 Webデザイン > Web制作において、Webデザイナーに関係するものを職種別にまとめました。会社によって分け方は違うと思います。今回は参考サイトとスライドを掲載しています。 エンジニア速報は Twitter の@commteで配信しています。 もくじ アートディレクター １．アクセシビリティ ２．ユーザビリティ ３．UX（ユーザーエクスペリエンス） ４．IA（情報アーキテクチャ） ５．画面設計（ワイヤーフレーム） ６．進行管理 Webデザイナー ７．レイアウト・フォントの知識 ８．配色 ９．Illustratorの使い方 １０．Photoshopの使い方 １１．バナー作成 １２．ボタン作成 フロントエンドエンジニア １３．HTML5 １４．CSS3／Sass １５．javascript １６．jQuery １７．WordPressテー
WEBシステムのデザインについて今の会社を退職する前に私が後輩に伝えたこと
このたび会社を退職することが決まり、デザインについてほとんど初心者である後輩に対して私の思考を託す時が来ました。 私自身WEBシステムの制作を手がけたことはなく（ないのかよ！！と全力でつっこんでおｋ）今度のプロジェクトでうちのチーム初のWEBシステム制作案件があるそうなので、デザインする時のポイントなどを自分なりにまとめてみました。 私は携われないんですけどね＼(^o^)／ 様々なWEBシステムのデザイン よいデザインはデザインをする対象（今回はWEBシステム）のことを知らなければ出来ません。 自分の考えだけでデザインをはじめると、思考の偏った使いにく～いものになってしまう恐れがありますので 必ず調査をしましょう。 そして、何故その要素がそこに配置されているのかを考えましょう。 以下に様々なWEBシステムのキャプチャと 超稚拙で言葉足らずな安易すぎる説明を掲載します。 ですが、掲載されてい
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Pitch Deck Proposal
Design notes