ウェブデザインQ&A | ウェブデザイン基礎ワークショップ tag:www.webdesignworkshop.net,2008:/consul//1 2008-03-28T06:06:15Z Movable Type 3.33-ja web全般について独学中です。特にデザインが苦手で既存のサイトを参考にしたり、デザイン集などから素材を流用したりしています。これは著作権に触れてしまうのでしょうか？ tag:www.webdesignworkshop.net,2008:/consul//1.480 2008-02-23T14:26:50Z 2008-03-28T06:06:15Z 既存のサイトのデザインを参考にすることは普通に行われています。むしろまったくゼロ... グリッドシステムを使って表現ではなく構造からデザインする レイアウトに関しては感覚ではなく、グリッドシステムをつかってまずは感覚に頼らず機械的におこなうのもよい練習です。グリッドシステムの古典ですと「Grid Systems in Graphic Design/Raster Systeme Fur Die Visuele Gestaltung」という基本図書があります。内容は英語ですがほとんど図なのでみておくと参考になります。

FireworksCS3でレイアウトをする手も

Photoshopでレイアウトは結構厳しいので、PhotoshopでパーツをつくりFireworksでレイアウトをするというワークフローもおすすめです。FireworksCS3から複数ページ機能もありますし、グリッドや連続コピーなどが使えるのでグリッドシステムには便利です。

文字組みは大事。DTPの本で学ぼう

その他文字の組み方やレイアウトに関してもある程度、構造やルールがあるので意識的に適用しながらデザインすることをおすすめします。工藤強勝さんの「デザイン解体新書」（レビュー記事）は文字の組み方の基礎が学べます。DTP向けの本ですがデザインの基礎がぎっしりつまっています。 デザイン集に関してはロイヤリティフリーのものであれば著作権は問題ありません。仕事では使えないデザイン集もありますので、購入するときは確認が必要です。 ]]> フリーランスのデザイナーです。売上が振り込まれた時に源泉徴収税額以外に、振込手数料も引かれてしまっているようです。この場合の仕訳のやり方を教えてください。 tag:www.webdesignworkshop.net,2008:/consul//1.478 2008-02-22T17:59:58Z 2008-02-22T18:23:00Z 売上が10万だと仮定します。まず売上が発生した時に、 売掛金　100,000　　... やよいの青色申告」であれば、［帳簿・伝票］→［売掛帳］をクリック。［補助科目］を該当の取引先を選択。 売上発生時に相手勘定科目欄を「売上高」、売上金額欄を「100000」します。振り込まれた時点で、同じく［売掛帳］で、相手勘定科目欄に「普通預金」「支払手数料」「事業主貸」として回収金額欄にそれぞれの金額をかいてください。]]> フリーランスのデザイナーです。所得税の確定申告書Bの所得の内訳の書き方で疑問があります。取引先から送られて来た支払調書をみると、12月の売り上げは含んでおらず、源泉徴収額もその分すくない金額です。この場合はどのように申告するのでしょうか？ tag:www.webdesignworkshop.net,2008:/consul//1.477 2008-02-22T17:35:52Z 2008-03-17T11:52:19Z まず、仕訳で質問を整理します。 昨年の12月末に 売掛金　100,000　　　売... 支払いベースと発生ベースのズレ では、確定申告ではどのように書くべきでしょうか。所得税の確定申告Bの「所得の内訳」の「収入金額」には、売上ベース（発生ベース）で書いてください。上記の例でいえば12月の売上を含んだ額で書きます。一方、「源泉徴収税額」は、12月の売上分は含まない額で書きます。仕訳でみるとわかりますが、「源泉徴収税額」は翌期で「発生」するので、今回の申告には含めません。 つまり、支払調書の「支払金額」はあくまで支払いベースですので、所得税の確定申告Bの「所得の内訳」の「収入金額」（発生ベース）とは金額がズレます。一方、「源泉徴収税額」は支払調書の額と一致することになります。 上記の方法以外にもやり方があるかもしれません。 お近くの税務署に相談されることをおすすめします。]]> ウェブデザイナーです。納品直前にパソコンが起動しなくなってしまいました。バックアップデータもなく、なんとかデータをとりだす方法はありますでしょうか？ tag:www.webdesignworkshop.net,2008:/consul//1.341 2008-02-02T14:34:52Z 2008-02-02T14:58:06Z メモリや電源周りで故障した場合、ハードディスクが無事であれば変換アダプタなどで直... グリーンハウス SATA/IDE-USB2.0変換アダプタ というアダプタを購入してハードディスクにつなげたところ、無事データを救出できました。予備のパソコン（Mac）にデータを移してなんとかその場をきりぬけました。 ハードディスクの故障でなければこの方法で対処できます。いずれにせよ日々のバックアップは必須です。LAN接続ができる外付けのハードディスクドライブ（3万円程度）を用意して、業務の最後にバックアップする習慣をつけるとよいとおもいます。]]> オリジナルの手書きでない履歴書はありでしょうか？ tag:www.webdesignworkshop.net,2007:/consul//1.325 2007-12-15T21:05:28Z 2007-12-15T21:57:51Z 結論からいうと内定には市販でもオリジナルでも内定には影響がでないと考えてよいとお... 結論からいうと内定には市販でもオリジナルでも内定には影響がでないと考えてよいとおもいます。 筆者自身、Wordでオリジナルフォーマットの履歴書をつくっています。デザイナーなので、市販のものですと使いにくいからです。オリジナルですとアピールしたい項目を最初の方にもっていくことができます。資格をアピールしたい人は経歴より前にPR項目をつくることができます。使えるソフトも詳しく見やすくアピールできます。 『成功する履歴書の掟』という本を参考にしました。 この本はあまり知られていないのですがオリジナルの履歴書を勝てる履歴書としてまるまる一章つかって作り方を解説している本です。氏は面接官の立場にたった本や面接官向けのマニュアル本も多数書かれているので、応募する側にも役に立ちます。 海外のクリエーターさんのポートフォリオサイトも参考になります。 日本のクリエーターではほとんど例がないのですが、自分の履歴書（レジュメ）をPDFにしてウェブに公開してダウンロードできるようにしてくれる人を見かけます。相当な自信がないとできない芸当ですが。卒業した学校や、代表作、スキルなどがうまくまとめられており、オリジナル履歴書の参考になります。]]> ウェブデザインで最低限チェックしておく雑誌はなんでしょうか？ tag:www.webdesignworkshop.net,2007:/consul//1.324 2007-12-02T03:02:35Z 2008-01-04T02:45:08Z 雑誌は多くあります。ウェブデザインですと、専門誌は2誌ですがデザインや プロデュ... デザイン関連 アイデア（誠文堂新光社）、 デザインの現場（美術出版社）、 DTPワールド（株式会社ワークスコーポレーション）、 MdN（エムディエヌコーポレーション）、 広告批評（マドラ出版）

ウェブ関連

Web Designing（毎日コミュニケーションズ）、 Web creators（エムディエヌコーポレーション）

プログラミング・システム関連

WEB+DB PRESS（技術評論社） 上記のほかにCG系、建築系も買うことがあります。上記にあげた雑誌はすべておすすめです。 『デザインの現場』は年に一回タイポグラフィー特集があるのですが、この特集は品切れの可能性が高いです。デザインの現場は毎年特集記事が定番でほぼ同じです。悪く言えばマンネリです。 『アイデア』は値段が高いのですが、資料的な価値が高い本です。海外のアート雑誌のような風格があります。こちらの記事をみるとその資料的価値の高さがわかります。 『DTPワールド』は最近ころころ表紙やロゴをかえてしまっていてあまり良い印象がありません。ただ「イラストレーターのい・ろ・は」という連載が素晴らしいのでこの連載だけでも購入の価値はあります。イラストレーターを使ってイラストを描いている人には目をみはるテクニックが公開されています。紙やカラーマネジメントの特集のときは要チェックです。 ウェブデザイナーとして最低限おさえておくべき雑誌は、『MdN』と『Web Designing』です。さらに一冊だけにしぼるならWeb Designingになるかとおもいます。Web Designingをすすめる理由は、ひとつの記事のページ数が多く丁寧なところです。あとウェブだけでなく幅広い視点をもった記事が多いことです。視野の広さは昔あったdesignplexという雑誌の名残を感じさせます。 MdNを推す理由は、日本で一番はやくDTPを紹介した雑誌で特に、PhotoshopやIllustratorに関してはパイオニア的な存在だからです。ウェブ特集も他の雑誌よりはやかったです。いまでも、毎号冒険していて保守的でないところも評価が高いです。編集者のマンネリ化との戦いが伝わってきます。MdNに関してはインプレスダイレクトというMdNの親会社の出版社が直接運営しているサイトで買うと10％ポイント還元で購入ができます。Web creatorsも同様でインプレスダイレクトが安いです。 だいたいの雑誌では定期購読をすると値段が安くなったりなどのサービスをしています。デザインの現場はとくに大きな値引きをしていますし、広告批評は特別価格が多い雑誌なので定期購読がお得です。以下、主要雑誌の定期購読のリンクをはっておきます。 ・Web Designing ・デザインの現場 ・広告批評 ・MdN]]> 初めてウェブディレクションをします。どういった項目をクライアントから訊いていけば良いのでしょうか？ tag:www.webdesignworkshop.net,2007:/consul//1.303 2007-09-26T01:17:57Z 2007-09-26T01:28:46Z 一番最初の打ち合わせはこまかいことより、ホームページやウェブサイト制作の目的や背... ヒアリングシートをダウンロード ]]> 『TrueTypeフォントパーフェクトコレクション』を買いました。この書体集に入っているビットストリーム社の書体は安いですが、ライノタイプ社とは品質が違うのでしょうか？ tag:www.webdesignworkshop.net,2007:/consul//1.302 2007-09-25T14:15:45Z 2008-02-10T08:02:23Z ライノタイプ社の場合、書体の版権をもっていてヘルベチカという名前を使えます。ビッ... ↑Helvetica Neue LT Com（ライノタイプ社） swiss ↑Swis721 BT（ビットストリーム社） Swissは『TrueTypeフォント パーフェクトコレクション』 　に収録されています。 値段のビットストリーム社の書体は、TrueTypeフォント パーフェクトコレクションですと異常に安いですが、実際、ビットストリーム社で売られているパッケージ版の値段はライノタイプ社と同等です。]]> 『TrueTypeフォントパーフェクトコレクション』を買いました。どの書体からインストールすれば良いのでしょうか？ tag:www.webdesignworkshop.net,2007:/consul//1.301 2007-09-25T14:09:41Z 2008-01-12T19:38:37Z まずはオーソドックスな書体をインストールしてじっくり形を覚えていくのをおすすめし... 改訂4版 TrueType フォントパーフェクトコレクション』がでるようです。]]> ウェブディレクターをしています。デザインがなかなかFIXしないで困っています。クライアントはデザインのこだわりがあり細かい変更が多いです。デザイナーも嫌がってしまい板挟み状態です。 tag:www.webdesignworkshop.net,2007:/consul//1.286 2007-08-24T22:45:40Z 2007-09-25T06:02:24Z ワークフローを見直しましょう。いきなりカンプをつくっていないでしょうか。 ウェブ... ワイヤーフレームとカンプの間に１プロセスをいれました。 この１プロセスをいれることでデザインの方向や着地点が探りやすくなります。 これはIllustratorのようなベクター（ベクトル、Vector）ベースのグラフィックソフトでつくるようにデザイナーに指示してください。ベクターベースのグラフィックソフトですと、大きな修正でも少ない時間と負担で対応が可能だからです。 お客さんからみると、ベクターベースでつくるのとビットマップベースのソフトで作る違いはわかりません。ですが、デザイナーからすると修正しやすさが全くちがいます。 ラフデザインをつくるときに、テキストや画像もなるべくダミーでいれます。テキストはなるべく想定される文章に近いダミーをいれたほうがよいです。「ああああああ」というような具体性のないものは避けます。 テキストは［効果］→［ラスタライズ］をかけることでアンチエイリアスなしのテキストにできます。ただし処理が重くなります。 ロゴやデザイン処理もおこないます。レイアウトもグリッドシステムをつかって、余白などもなるべくシステマチックにつくっておきます。 これらは、Illustratorですと少ない負担でつくれます。 これで一回クライアントにみせて確認をとります。ある程度方向性がみえた時点でPhotoshopでピクセル単位でつくりこむことをおすすめします。 ここまで書きましたがクライアントによってはいきなりカンプをつくってしまうこともあります。このあたりは予算、スケジュール、社内の人的リソースによってかわってくるのが現状です。 また、ラフデザインの前にもう１プロセスをいれる場合もあります。ムードボードと呼ばれるものです。イメージの断片やざっくりとした方向性を探るのに使われます。 デザインにこだわりをもっているお客さんの場合、おそるおそる進めていくことをおすすめします。またこの傾向のお客さんの場合、最終コーディング以降も変更や修正が多い可能性があります。予算やスケジュールは余裕が必要かとおもいます（しかしながら、この手の案件の多くは予算が少ないケースが多いです）。]]> 海外のデザイン、ウェブデザイン雑誌を教えて下さい tag:www.webdesignworkshop.net,2007:/consul//1.243 2007-08-17T00:46:30Z 2007-08-17T14:24:41Z デザインやウェブデザインの雑誌に関しては日本はレベルが高く、数も多いです。ウェブ... 『print』が有名です。日本の『デザインの現場』とか『アイデア』に近いです。 print デジタルデザインですと、イギリスの『ComputerArts』。日本の『MdN』に近いです。 洋雑誌は大型書店にいくと国内でも買えますし立ち読みも可能です。 例えば、東京ですと渋谷のブックファーストで買えます。ただ、割高なので出版社のサイトから直接定期購読の申し込みをするとよいです。まあ、送料が割高ですが…。printですと、年間購読で80ドルです。ちなみにアメリカ国内だと39ドルで購読可能なんです。]]> ホームページ制作で良いイメージ写真を探しています。安くて良いところはないでしょうか？ tag:www.webdesignworkshop.net,2007:/consul//1.241 2007-08-16T15:30:36Z 2007-08-17T14:27:11Z 国内ですと、amanaさんがおすすめですが、値段がネックになります。キャンペーン... Stock.xchung Yotophoto Top Rated PD Photo サイトによっては利用に制限がある写真もあるようです。欠点は有料サービスと比べて質は落ちますし、検索するとわかりますが保有枚数が少ないのも欠点です。 Googleで「photostock free」で検索するといろいろでてきます。 若干予算がある場合は、Stock Photosがよいでしょう。99.95ドルで定額で１ヶ月ダウンロードできます。有料サービスだけあって写真の保有枚数が325,000枚と多い点がメリットです。 ユニークなフォトストックですとdreamstimeもおもしろいです。 一枚1ドルで印刷用の高解像度の画像がダウンロードができ、ユーザーが自由に写真を投稿して販売できるシステムになっています。枚数が多く、クオリティも高いとおもいます。 ]]> ホームページや雑誌などで使われている和文書体を調べる方法は？ tag:www.webdesignworkshop.net,2007:/consul//1.239 2007-08-14T16:44:41Z 2007-08-18T17:38:12Z これは書体見本帳、活字見本帳を使って調べます。 おすすめは誠文堂新光社からでてい... アイデア五月号別冊と書いてあるので限定販売かもしれません。アマゾンでは扱ってないようです。誠文堂新光社のサイトから直接購入ができるようです。 基本書体は各社微妙に違うので、最初は形を見極めるのに時間がかかります。書体の個性がでるのが「ひらがな」や「カタカナ」です。オーソドックスな書体ですと漢字だけでは判別できない場合があります。 メーカーはモリサワ、フォントワークスなどのシェアが高い会社から探してゆくと効率よく探せます。 手持ちの書体も印字して自分なりの書体見本帳をつくっておくことをおすすめします。その際は「ひらがな」と「かたかな」すべてを印字しておくと書体の形を覚えるに役に立ちます。]]> Frutigerという書体を探しています。どこで入手できるのでしょうか？ tag:www.webdesignworkshop.net,2006:/consul//1.82 2007-08-05T16:39:55Z 2008-02-10T08:03:33Z Frutigerは定番書体の1つですね。1976年にAdrian Frutige... ↑Frutiger 二箇所入手方法をご紹介しておきます。 ドイツの一流フォントメーカーであるライノタイプ社でFrutigerの純正品が一書体から入手可能です。 http://www.linotype.com/ ライノタイプ社はファミリーも豊富で、種類も豊富です。日本代理店もあるようですが、直接購入のほうが安いです。一書体22ドルから買え、すぐにダウンロードして使えます。この値段で5台までインストールできるのもありがたいです。ちょくちょく利用しています。]]> 『ＴｒｕｅＴｙｐｅフォントパーフェクトコレクション』という本をおすすめします。ビットストリーム社というアメリカの書体メーカーが500書体ついています。Humanist777という書体がビットストリーム社版のFrutigerです。値段も500書体で3000円程度という信じられない安さで買うことができます。 この本は、ビットストリーム社版のヘルベチカ、ユニバース、フーツラ、ボドニーなどのデザイナー定番書体が入っているお得な書体集です。なおビットストリーム社自体の書体はけっして安物ではなく、直接ビットストリーム社から購入すると高いです。 予算に応じて使い分けることをおすすめします。 改訂4版 TrueType フォントパーフェクトコレクション(CDROM付) (デジタル素材ライブラリ) 改訂4版 TrueType フォントパーフェクトコレクション(CDROM付) (デジタル素材ライブラリ) ]]> 新ゴに似たフォントで安いものはないでしょうか？ tag:www.webdesignworkshop.net,2007:/consul//1.196 2007-04-14T16:26:54Z 2008-01-30T12:08:23Z 安いところですと、ダイナフォントの「華康ゴシック」が似ています。ただし新ゴより仮... ↑新ゴ 華康ゴシック ↑華康ゴシック ネットで単品でも買えますが、ダイナフォントの場合１万円くらいのパッケージがお徳です。欧文書体が3007書体、和文が200書体はいっています。 ほぼ同じ品質のものですとフォントワークスジャパンのニューロダンが挙げられます。価格はモリサワより安いです。ウェイトが違いますが形はほぼ同じですね。 ニューロダン ↑ニューロダン 価格はフォントワークスジャパンのサイトへ キャノンの「角ゴシック体Ca」もまあまあ似ています。こちらもMacとWindowsの両方に対応したパック販売されており安いです。 canonkakugo.gif ↑角ゴシック体Ca テイストがややずれますが、ニイスの「JTCウインS」もおすすめです。 新ゴより親しみやすい雰囲気をもっています。これもお得なパッケージがあります（ただしライセンス制限があります）→アマゾンへのリンク。 ↑JTCウインS ]]>