PhotoshopとIllustratorのほぼ全機能を搭載したAdobe XD並みに軽いプロトタイピングツールが発売 | Stocker.jp / diary

2019/07/01 1040 users Illustrator Stocker.jp diary

私は ある出来事 をきっかけにAdobe製品をやめて他社の製品でWebデザインをしようと考えていました。 最初に考えていたのがPhotoshopの代わりにAffinity Photo、Illustratorの代わりにAffinity Designer、そしてAdobe XDの代わりにSketchまたはFigmaのようなプロトタイピングツールを使用しようと考えていました。 最初... 続きを読む

旦那が主夫になって思うこと

2019/04/19 1149 users 主夫 MySQL 旦那 Java Python

旦那が精神的に働けなくなった。 無神経でタフな人だと思っていたけど、半年ほどであれよあれよと無職になった。 で、私が働きだした。 プログラマー兼SEとして雇われた。 基本的に受託案件を社内開発。 暇な時期は、社外。 言語はその時によってPHP、java、python、.NET。 簡単なWEBデザインなんかも。 DBはmysql、post... 続きを読む

日本語対応！CSS Flexboxのチートシートを作ったので配布します | Webクリエイターボックス

2017/03/30 1264 users チートシート CSS flexbox Flexbox 通り

FlexboxとはFlexible Box Layout Moduleのことで、その名の通りフレキシブルで簡単にレイアウトが組めちゃう素敵ボックスです。現在ほとんどすべての最新ブラウザーでFlexboxをサポートしており、Flexboxを使ったレイアウト組みが今後のWebデザインのスタンダードとなるでしょう。Webクリエイターボックスでは 以前からFlexboxの使い方について紹介してきた のです... 続きを読む

コピペで使えるオシャレな配色パターン見本 25 （全組み合わせWebカラーコード付） - Literally

2016/11/02 1382 users 配色 目次 配色パターン プレゼン資料 Literally

2016 - 11 - 02 コピペで使えるオシャレな配色パターン見本集 25 （Webカラーコード付） デザイン 今回はひたすら配色パターンを紹介していく。探しやすいように色ごとに分け、使いやすいように解説とWebコードも合わせて紹介する。 プレゼン資料 、 Webデザイン などで目的に合った配色をそのままコピペして使って頂ければと思う。 ▼ 目次 カラフルな配色パターン 橙系の配色パターン 青... 続きを読む

WEBデザインが独学で身につく！WEBデザイナー必見の神サイト25選

2015/01/26 1187 users 独学 知恵 ウェブサイト おん Webデザイナー必見

Enable JavaScript in your browser. このウェブサイトはJavaScriptをオンにしてご覧下さい。 2015年1月27日 Webデザイン Webデザイナー1年生はもちろん、Web製作に携わるものなら絶対に知っておきたい神サイトを完全収録しました。 独学でWebデザインを勉強したい人、優秀な先駆者たちの知恵を吸収し飛躍したい人は要チェック。 WEBデザイナー必見の神... 続きを読む

最速で、人気Webデザインを独学できる至高のWebアプリ8選がヤバイ！ | シェアしたくなる最新のWebサービス・ITニュース情報をチェック！ APPGIGA!!（アプギガ）

2014/11/26 1467 users 独学 0310lan 朗報 センス APPGIGA

どうも、まさとらん（@0310lan）です！ Webデザインのセンスを、「手っ取り早く磨きたい！」という人に朗報です。 素人っぽく見られないように、世界中の人気Webデザインを参考にしながら、効率的にスキルアップできるWebアプリが徐々に増えています。 そこで今回は、Webデザインの独学に最適なサービスを厳選してご紹介しようと思います！ Web最新トレンドの仕組みまで解説してくれるサービス！ 【 ... 続きを読む

ひとりでWeb制作できた！Webデザインの勉強にもなる独学「スライド」総まとめ | コムテブログ

2014/02/24 1231 users 独学 スライド もくじ コムテブログ Web制作

デザインの流れや基本的なフローなどを勉強しておくだけでも効率が良くなるし、起業の際にも役に立つと思います。デザイナーさんにもっとデザイン力を上げたいと言われたのもあり、今回は制作フローとデザインやその他の知識を学べるように、出来るだけ制作フローにそって、スライドをまとめました。膨大な量になったので簡潔にしています。全てスライドです。 もくじ サイト設計／構成 １．要件定義 ２．企画提案 ３．情報設... 続きを読む

効率的に学べた！Webデザインを「職種別」に基礎から勉強出来る総まとめ | コムテブログ

2014/01/06 1072 users コムテブログ 職種別 基礎 ワイヤーフレーム フォント

Web制作において、Webデザイナーに関係するものを職種別にまとめました。会社によって分け方は違うと思います。今回は参考サイトとスライドを掲載しています。 もくじ アートディレクター １．アクセシビリティ ２．ユーザビリティ ３．UX（ユーザーエクスペリエンス） ４．IA（情報アーキテクチャ） ５．画面設計（ワイヤーフレーム） ６．進行管理 Webデザイナー ７．レイアウト・フォントの知識 ８．配... 続きを読む

デザイナーなら読んでおきたい！デザインに関する6つのスライド・企画書

2013/03/06 1181 users スライド 企画書 デザイン ノンデザイナー 6つ

こんにちは。 今日はデザインをする上で、1度は読んでおきたいスライドや企画書を6つ選んでみました。 色彩センスのいらない配色講座 「色の比率」や「色相の距離」、「トーン」などを意識してデザインを見てみると、いろんなが配色方法が発見できるかもしれません。 ノンデザイナーのための配色理論 人間の知覚に合った考え方、配色理論の紹介が記載されていて、配色理論を使った配色法が学べます。 Webデザインのセオ... 続きを読む

売れるサイト作成に必須！たった４つのWEBデザインの基本法則

2012/12/21 1065 users 基本法則 必須 サイト作成 コンバージョン 4つ

Tweet Tweet インターネットをビジネスに活用することが当たり前になり、競合他社がひしめく現在のWEB市場において、WEBデザインは以前よりも遥かに重要性を増している。 なぜなら、WEBデザインそのものが、コンバージョンを大きく左右する要素の１つとなっているからだ。 しかし、デザイン的に素晴らしいスキルを持っているデザイナーは数多くいるが、デザインとコンバージョンの双方にフォーカスしている... 続きを読む

jQueryコーディングの基本的なことからプラグイン化までの注意書き（Webデザイン）

2012/11/26 1144 users 注意書き プラグイン化

jQuery でのプログラミングの、基本的なことからプラグインを作るところまで、初心者の頃につまずいた部分を中心にまとめてみました。公式ドキュメントなどで使われている、イベントハンドラ、コールバックなどの専門用語も織り交ぜながら書きました。this や each などを中心に紹介しています。jQuery でのプログラミングの、基本的なことからプラグインを作るところまで、初心者の頃につまずいた部分を... 続きを読む

【Webデザイン】惚れぼれするとにかくカッコイイ企業ホームページ - NAVER まとめ

2012/11/12 1099 users NAVER

企業のホームページは、デザインと見やすさの兼ね合い。葛藤する様子が面白い。その中でも超カッコイイホームページをまとめました。Flash推奨です。 更新日: 2012年11月11日RSS 続きを読む

デザイナー必見！アナタにとっての『見たことも無いデザイン』を探すことが出来そうなサイト色々！ | バンクーバーのうぇぶ屋

2012/08/22 1083 users Webデザ インパクト アイデア アリ バンクーバー

WEBサイトを作る時、アイデア出しに詰まったりするなら参考になりそうなサイトを探したりするのもアリだと思いますが、たまには『WEBデザイン』の枠を超えた所からアイデアなんかが思いつくこともしばしばかと思います。 特にスペシャルコンテンツ的なサイトを作るときには、時として奇抜なアイデアや見たことも無いようなインパクトを必要とされる事もしばし。そんな時僕は一度“WEBデザイン”のことを忘れ、WEBデザ... 続きを読む

読むだけでWEBデザインがレベルアップできる記事だぞ、これは、もう事件2012-8-3日版【design hacks】*frasm

2012/08/03 1055 users Comments frasm

読むだけでWEBデザインがレベルアップできる記事だぞ、これは、もう事件2012-8-3日版【design hacks】 2012/08/03 by shintarowfresh | 0 comments 続きを読む

とにかく最新のHTML5やJSを使用したサイトをたくさん見たい時に便利！国内外のWEBデザインサイトのタグリストをまとめました | Webデザインクリップ｜Web制作に便利な情報を集めたまとめサ

2012/06/20 1009 users Webデザインクリップ まとめサ Web制作 国内外 デザ

リリースされる最新のHTML5やJavascriptを使用したサイトは常にチェックしたいですが、案件に必要な参考サイトを探している時に項目別に一気に見れたり比較ができればより便利です。 そんな時に、いつもチェックしているHTML5やCSS3、Javascriptといった国内外WEBデザインサイトのタグリスト別のデータサーチを紹介します。 先日ご紹介したWEBデザインを制作する際の参考にしているデザ... 続きを読む

絶対に覚えておきたいwebデザインの配色・カラー3つの基本と基礎 | 秋田県webデザイナー【weblog】

2012/05/17 1177 users 私生活 配色 スキルアップ Weblog 味方

webデザインを考える時にカラーは切っても切りはなせません。しかし、配色は苦手だけど、まぁカラーの勉強は後でいいや…センス無いしその前にやることあるし…となんとなく後回しにされがちなんじゃないかなーと思います。基本を知っておくと、デザインに役立つのはもちろん、クライアントさんに提案出来たり、私生活や料理etc…様々な場面でとっても強い味方になってくれるます。ちょっとしたスキルアップをしたいと考えて... 続きを読む

WEBデザインを制作する際の参考にしているWEBデザインまとめサイトをまとめました【2012年版】 | Webデザインクリップ｜Web制作に便利な情報を集めたまとめサイト

2012/05/10 1018 users Webデザインクリップ Web制作 参考 まとめサイト 見出し

以前、「HTML5でサイトをつくろう」のブログでwebデザインをする上で普段、参考にしているまとめサイトをご紹介させていただいたのですが、見れなくなってしまったサイトなどもありましたので、今回2012年度版として優良なwebサイトを紹介しているWebデザインまとめサイト(国内・海外サイト)や見出しやナビゲーション・ボタン・バナー・制作に役立つサイトを追加分も含めてまとめました。 国内編 strai... 続きを読む

とんでもなく参考になりすぎるEvernote使用例 6 〜ノート総数3500 @delaymaniaの全ノートブック晒し＆”肩の力を抜いた”Evernote整理術〜 | OZPAの表4

2012/05/06 1066 users OZPA delaymania ギタリスト 傍ら ブロガー

OZPAの表4をご覧のみなさん、はじめまして。 ブログ「delaymania」を主宰しております、@delaymania と申します。 「アマオト」というバンドのギタリストをやってまして、その傍らでWEBデザインの仕事、そしてiPhone,iPadアプリの開発をやってます。 先日、尊敬するブロガーの@OZPA 君から「You寄稿しちゃいなよ」と言っていただきました。 OZPAの表4は以前から目標と... 続きを読む

デザイナーなら必ず知っておきたい国内素材サイトまとめ - NAVER まとめ

2012/04/29 1251 users NAVER シャッフル デザイナー 素材 デザイン

写真(999+)素材(999+)Webデザイン(405)デザイン(999+)画像(999+) シャッフル デザイナーなら必ず知っておきたい国内素材サイトまとめ 続きを読む

【Illustrator】デザインをワンランク上げるイラストレーターのチュートリアル集 - NAVER まとめ

2012/04/30 1330 users Illustrator シャッフル NAVER デザイン

Webデザイン(404)デザイン(999+)イラストレーター(69)チュートリアル(14)グラフィックデザイン(18) シャッフル 【Illustrator】デザインをワンランク上げるイラストレーターのチュートリアル集 続きを読む

WEBマーケティングに役立つ認知・行動心理学 - NAVER まとめ

2012/04/22 2211 users NAVER シャッフル 認知 WEBマーケティング 行動心理学

Webデザイン(373)広告(437)マーケティング(410)心理学(90) シャッフル WEBマーケティングに役立つ認知・行動心理学 続きを読む

デザインが苦手な人も分かる「デザインは全て意味がある」6つの要素 - WEBCRE8.jp

2012/02/28 2032 users 要素 WEBCRE8.jp デザイン デザイ 6つ

元々これはwebcre8が人にデザインを教えるとき、「細部まで考えて考えて決定するからこそデザイナなんだよ」と言う事を伝えたいが為に書こうと思ったものです。熟練者の方も、読んで同様に思われましたら是非教育に使ってみてくださいｗ はじめに：デザインとは webcre8は「webデザイン」の門扉を叩いてから3年程。まだまだこの世界ではwebの先輩方から学ばせてもらうばかりですが、曲がりなりにも「デザイ... 続きを読む

Webデザイナー（私）によるWeb制作のときに気をつけてることや制作フローとかいろいろ

2012/02/22 1435 users 制作フロー Webデザイナー Web制作 フリーランス フロー

私（フリーランスのWebデザイナー）が、Webデザインをする時に気をつけていることと、Web制作のフローをまとめてみました。Webデザイン、Web制作のフローには、本当にたくさんの作業があることを再確認できました。私はフリーランスのWebデザイナーとして、クライアントさんのWebサイトを作成するお手伝いをさせていただいています。今回は、私が仕事でデザインするときに気をつけている事や、Web制作のフ... 続きを読む

新人Webデザイナーに読ませたい、初心者向けの基礎を丁寧に解説している記事まとめ7つ - W3Q

2012/02/10 1030 users 新人Webデザイナー 基礎 W3Q 初心者向け 記事まとめ7つ

0 から始めるHTMLとCSSの基本・基礎-webデザイン入門- | 秋田県webデザイナー【web... endoutakae.com 私の周りでwebデザインが出来る人ってあんまりいません。でも「webデザインってどうやるのー？」とか「私もやってみたいんだけど…」とかの声はよく聞きます。皆興味はあるのに”webデザインは難しい”と思って始められないんじゃないでしょうか。そんなこれからwebデザ... 続きを読む

0 から始めるHTMLとCSSの基本・基礎-webデザイン入門- | 秋田県webデザイナー【weblog】

2012/02/08 1214 users ビギナーさん 周り Weblog CSS HTML

私の周りでwebデザインが出来る人ってあんまりいません。でも「webデザインってどうやるのー？」とか「私もやってみたいんだけど…」とかの声はよく聞きます。皆興味はあるのに”webデザインは難しい”と思って始められないんじゃないでしょうか。そんなこれからwebデザインを始めたいビギナーさんに向けてHTMLの基本・基礎をまとめてみます。真新しいことは特にないほんとに基礎です〜＞＜ by：fweez ま... 続きを読む