フリーランスのweb屋な人が、見積や注文書、請求書を発行する際のポイント。 | たけろぐ
要所要所で追記してます。 フリーランスのweb屋な人が、仕事をする時の書類の流れとポイントをまとめてみました。 ざっくり言うと、 見積書発行→注文書発行→お客さんが注文書返送→納品→請求書&納品書発行 という流れです。 「ここまで書いちゃう？」的にけっこう書いてるので、 「そんなんわかってるよー」て方も、確認の意味も含めてご一読あれ。 ちなみにうちは「見積兼注文書」として発行しています。 また、後述しますが、納品書まで出すことはあまりありません。 書類の送付方法について まず基本的な、でも間違えると面倒な部分から。 各書類の送付方法は、 ・原本郵送 ・FAX ・PDF どれが可能なのか確認しましょう。 見積書や注文書と請求書で異なる場合があるので、必ず両方確認してください。 注文書はFAX・PDFでよくても、請求書は原本という所がたまにあります。 また、請求書を送る場合は、現実的に郵送のみ
Webデザイナー（私）によるWeb制作のときに気をつけてることや制作フローとかいろいろ
私はフリーランスの Web デザイナーとして、クライアントさんの Web サイトを作成するお手伝いをさせていただいています。今回は、私が仕事でデザインするときに気をつけている事や、Web 制作のフローをまとめてみました ...。 Webサイトを作るとき、みなさんはどんな制作フローをたどって作ってますか？私はフリーランスで仕事をしていて、最初から最後までひとりで作ることが多いです。今回はふだんデザインする時に気をつけてる事や、いつもしている Webサイトの作成フローをまとめてみました。もっと効率化できることがあるはずだなーと思いつつ、最初から最後までを書いてみました。 また、Webデザイナーってどんな仕事なのっていう質問をときどきいただくので … こんなことしてます … みたいな紹介です。これはあくまで私が Webサイトを作る時にしているフローで、他の Webデザイナーさんや制作会社さんと違
ブログやウェブサイトですぐに役立つ「.htaccess」の設定のまとめ | コリス
ただいまメンテナンス中です。 （The server is now under maintenance） ご迷惑をお掛けいたしまして、大変申し訳ございません。 メンテナンス作業が終了次第、サービスを再開いたします。 今しばらくお待ちいただきますよう、よろしくお願い申し上げます。
Webディレクターを「ディレクション」 しよう | たけろぐ
フリーランスのwebデザイナー・webディレクター、たけ（@take_it02）のブログ。フリーランス生活や、web制作について。 以前cremaさんこと黒野明子さんがすばらしいエントリを書かれていたので、 そこからちょっと自分なりに話を広げてみます。 仕事を切り分けた際の『中間領域』の扱い方｜linker journal｜linker 僕はWeb制作会社でのWebディレクターを経て独立して、 新規サイトのディレクションからデザイン、コーディング、WordPress構築と、 案件まるごと一通り自分でやったり、 また下請としてちょっとした修正からデザインのみ、 コーディングのみ、WordPress構築のみなど、あれやこれやのお仕事をしています。 すると、いろんな代理店の営業さんや、 取引先のディレクターさんの仕事振りを目の当たりにするわけです。 ディレをする身としては、なかなか身につまされる
30分でできる！Webサイトを高速化する6大原則 (1/4)
Webサイトを制作するとき、「パフォーマンス」を気にしたことがあるだろうか？ もしまったく気にしたことがないなら、気をつけた方がいい。閲覧に時間のかかる“遅いWebサイト”はユーザーにフラストレーションを与え、閲覧をやめさせてしまう恐れがある。 下記のグラフは、「Simple-Talk」という海外のオンラインメディアで発表されたユーザー調査の結果だ。アンケートページの表示にかかる時間を意図的にコントロールし、表示時間によってユーザーが感じるフラストレーションの違いを調べたものだ。 縦軸がフラストレーション（10段階）、横軸が表示までの時間を表している。1～5秒以内にページが表示された人に比べ、ページ表示までに5秒以上かかった人は2倍以上もフラストレーションを感じている。フラストレーションがあまりに高ければ、せっかく何らかの目的を持って訪れてきたユーザーも待ち切れずにブラウザーを閉じてしまう
[ライセンス]どれにする？制作者視点での目的別ライセンスの選び方
この記事は以前の記事[ライセンス]結局何を使っていいの？利用者視点でのよくわかる著作権！と対になる内容です。同じ事を別側面から見ているので、言っていることは同じだったりしますｗ 作ったものを公開したい！ モノ作りをしている人達の中でも、web業界で働いている人にとっては制作物や研究結果をシェアするという考え方はわりと一般的だと思います。業界の大先輩の方々が書いた本を始め、無料でもブログに書かれている最新情報、リファレンス、備忘録、実験等様々な形で情報を得ることが出来ます。 同じように業界に還元すると大層なことは言わないまでも、皆さんは自分の為に、自身の作品や素材を配布・宣伝したりできます。すなわちそれで商売が出来たり、仕事の受注につながったり…セルフブランディングというやつも含まれますかね。
![[ライセンス]どれにする？制作者視点での目的別ライセンスの選び方](https://cdn-ak-scissors.b.st-hatena.com/image/square/16e106ca5f0290aecfbc689a773148f35d287a5f/height=288;version=1;width=512/http%3A%2F%2Fwebcre8.jp%2Fwordpress%2Fwp-content%2Fuploads%2F2011%2F10%2Fcreative-license-creater-02-150x150.png)
Web制作における文章の可読性について考える ｜https://wp.yat-net.com/name
ブログにしてもサイトにしても同じ事が言えますが、サイトのコンテンツで一番読むのは文章です。なので我々作り手も文章の可読性に関してはしっかり考えたいなというところです。 Index 1.文章の可読性とは？ 2.文章のブロック・段落 3.行間 4.余白 5.テンポ・リズム 6.フォントについて 1.文章の可読性とは？ 当たり前なことですが文章の可読性とはつまり「読みやすさ」です。文字が小さすぎたり、背景色に近い文字だったりすると当然可読性は落ちますね。 コンテンツに記述されていることが優れていても、文章が読みづらそうといった先入観や、読んでいて読みづらいという認識を持つとそのサイトに対してどう思うでしょうか？ 文字のサイズが小さいだけならブラウザのサイズを変更して読んでくれるかも知れませんが、他のサイトへ離脱してしまう可能性は十分に考えられます。人はストレスを感じることを嫌がりますのでよっぽど
カード型のグリッドデザインについての考察
2010年あたりから流行しているカード型のグリッドデザインですが、まだまだこのレイアウトが多く見かけられますね。 しかし、内容と見せ方が合っていないサイトもしばしば…。 というわけで、このデザインの長所や短所、使いどころについてまとめてみました。 長所 一度にたくさんの情報を見せることができる。 整然と並んでいるため、堅実でしっかりとした印象を与えることができる。 同じ形や似た形のものが多く並んでいるので、インパクトが大きく、記憶に残りやすい。 興味を引くきっかけがたくさんあり、第二階層へ入ってもらいやすい。 短所 初心者ユーザーは一度に与えられる情報量が多くなり、とまどう可能性がある。 興味のあった情報から一度離れて、再度そのサイトを訪れたとき、どこに情報があったのか見つけにくい。 同じサイズのボックスが並んでいると、情報階層が同等に見えるため、情報に明確な順位差をつけるのが難しい。 （
ワイヤーフレームをつくる時に押さえておきたいポイント
どのページをつくるか？ まずトップページ。 体裁が変わるようであれば下層ページも作ります。 また、システムが入るプロジェクトでは画面遷移図としてつくることもあります。 結局のところプロジェクトによります。 競合他者調査 競合他者がどのようなサイト設計を行ってるか参考にします。 他サイトの設計は試行錯誤の結果辿り着いた設計とも言えます。 全く同じ設計にしてしまうのは問題がありますが、 「何故そのような設計にしたか？」を考える事でワイヤーフレームをつくる時の参考になります。 例えば賃貸のサイトではトップの目立つ場所に検索メニューがあります。 賃貸サイトでユーザーが一番求めてるのは賃貸検索ではないか、と考察できます。 （これは誰でも分かる例ですが…） また、ユーザーは過去の体験から次のアクションを予想します。 過去に賃貸サイトを利用した方なら、賃貸サイトで地図を見れば「地域から賃貸を探す」を連想
数あるWEBデザインテクニックの中で最近話題に上がりやすい5つの技法 | バンクーバーのうぇぶ屋
WEBデザインとか、レイアウティングとか言ったって色々な種類がありますよね。シングルカラム、ダブルカラム、マルチカラム等のカラム分けもそうですが、ランディングページ、ブランディングページ、コミュニティサイト、ポータルサイト、そのそれぞれによって特有のレイアウトやデザインが存在したりしますが、同じくらいデザインテクニックも時と場合に応じた提案方法があるわけです。 今日は、今年に入ってWEB屋仲間との間で何度か話題に上がった（気がする）デザイン技法的な物をいくつかピックアップします。情報として激古い物も、新しい物も、え？これテクニックか？って言う物もあるかもしれませんが、この記事自体次回のレッスンの教材にするつもりなので、あまり突っ込まないで上げてください。 Grid System 話に上がるというより、最近はWEBレイアウトの話をするときは当たり前のように使ってますね。 「じゃーデザインしよ
Webデザイナー & デベロッパー必見！絶対使えるチートシートまとめ | webox blog
フレームワークやらライブラリやら、色々触る機会が多いですよね。 そうやって色々触っていると「あれ、あの関数なんだっけ」みたいな事がよくあります。 そういう時に便利な各種チートシートをまとめてご紹介します。 上はデザイナー向け、下へ行くほどデベロッパー向けになります。 Photoshop Keyboard Shortcuts 忘れがちなショートカット。Win/Mac両対応。 Color theory 壁紙用サイズも多数あります。 Periodic table of typefaces よく使われるフォントを元素周期表にはめ込んだモノ。ぱぱっとどんな感じのフォントなのか確認するときに良さそう。 Git Cheat Sheet Wallpaper どこに入れるか悩んだけど、皆使うべきなのでここにおいとこう。 Ultimate HTML5 Cheatsheat HTML5について網羅したチート
グラフィック出身から見た印刷物とWebの違い
最初に入った会社は、「募集職種：グラフィックデザイナー」とありましたが仕事内容は完全にDTPオペレーター寄りでした。そしてその会社でもう吸収できることが無くなったなという時に、グラフィックデザイナーを名乗りたいが為にデザイン事務所に転職しました。 嘘です、スキルアップの為でしたよ！ DTPオペレーター、DTPデザイナー、グラフィックデザイナーの違いは人それぞれかもしれませんが、私の中では【DTPオペレーター＝DTPデザイナー≒グラフィックデザイナー】という結論に至ったので転職を図ったのでした。 DTPオペレーター・DTPデザイナー 主な仕事は写真の切り抜き、レイアウト作業、入稿データを印刷データにするための編集作業。 具体的にはチラシやカタログ等の制作。デザインがほとんど決まっている場合が多いです。 私の場合は営業さんが居たので、クライアントに直接会うことはほぼありませんでした。ごくまれに
WordPressを使ってWeb制作をする為の手順リスト・【改正版】+α
以前書いたWordPressでWeb制作する際 の手順リストが少し古い情報込みだったり するので改正版を書きます。先日、WPも 3.2のリリースを迎えましたので、手順リスト もアップデートすることにしました。多少考え が変わっているので内容も少し変更有ります。 以前のリストの改正版です。加えて他の情報も一緒に載せておく事にしました。 【2011・07・11】 WordPressインストールサーバーを用意（PHP5.2.4 以上 / MySQL5.0 以上）DBを作成WordPressをダウンロードし、解凍wp-config-sampleをwp-configにリネームし、内容をDBに合わせて変更プリフィクス（接頭語）を変更する（wp_→foodblog_）FTPソフト等でサーバーにアップロードサイト名やパスワード、IDを決める（adminは避ける）作成したユーザー名でログインダッシュボードの
Firefox 5 for developers - Mozilla | MDN
Firefox 5 は Gecko 5.0 ベースのブラウザーで、2011 年 6 月 21 日にリリースされました。このページは Firefox 5 のリリースにあたり、開発者に影響する変更について情報をまとめたものです。 すべての HTML 要素が accessKey 属性を持つようになりました。また、blur(), click(), focus() メソッドもすべての要素に定義されました。これらの属性やメソッドは HTMLElement に定義されています。 HTML5 仕様への準拠により、文字エンコーディング UTF-7 と UTF-32 のサポートが削除されました。 Quirks モードにおいて、空の <map> がマッチされず、空でない <map> にスキップしてしまう問題が修正されました。詳細は <map> 要素のページにある Gecko の実装に関する注意書き をご覧くださ
どや！？ひよっこデザイナーにもできるWebページ高速化！鍵は「HTTPリクエストの数を減らすこと」 | デザインどや！？
Webページレイアウト、ナビゲーションプラグイン、フォーム、スライダー＆カルーセルプラグイン、チャート＆グラフプラグイン、イメージエフェクトプラグイン、ビデオプラグインなど。チェックしておきたいです。海外カジノ オンラインサイトの制作はワードプレスのプラグインを利用して様々な機能を付け加えて完成させることができます。2012年のjQueryプラグインまとめでは、デザインの一新や個別のカスタムにも対応した国際的で魅力的なサイト作成に役立つ情報を紹介しています。
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
最低限押さえておきたいヒアリング項目 | WEBは制作よりもなによりも
http://designaholic.cc/2011/08/web-10.html
web計。
