# bluetraff design > 集客とブランディングに効果的なデザインを手軽に --- ## 固定ページ - [免責事項](https://bluetraff.com/mensekijiko/): bluetraff design (ht... - [よくあるご質問（FAQ）](https://bluetraff.com/faq/): チラシ、ポスター、パンフレット等デザイン... - [ブックデザイン／エディトリアル・デザイン料金](https://bluetraff.com/bookprice/): ブック・デザインの実績が豊富な会社です ... - [パンフレット（中綴じ）制作料金](https://bluetraff.com/booklet/): デザイン費 ＋ 印刷費 ＋ 送料　全て込... - [リーフレット（パンフレット）制作料金](https://bluetraff.com/panphlet/): リーフレット（パンフレット）デザイン費 ... - [名刺／ショップカード／診察券／スタンプカード制作料金](https://bluetraff.com/meishi/): 名刺のデザイン ネットの発達により一度も... - [チケット制作料金（ミシン目無し）](https://bluetraff.com/ticket2/): こちらはミシン目無しのチケット／小型チラ... - [チケット制作料金（ミシン目有り）](https://bluetraff.com/ticket/): こちらはミシン目有り（もぎり）のチケット... - [運　営](https://bluetraff.com/about/): サービス運営 米本デザイン 代表 米本　... - [制作後記 ─ デザインや仕事の事を分かりやすく書きます](https://bluetraff.com/weblog/): - [料　　金](https://bluetraff.com/services/): 以下から商品をお選びください。全ての表示... - [チラシ、パンフレット制作サービス【デザイン＋印刷＋送料】](https://bluetraff.com/): 当サービスにおけるチラシデザインの優位性... - [お問い合わせ](https://bluetraff.com/contact/): お問い合わせはこちらにお願いします。1営... - [発注から納品までの流れ](https://bluetraff.com/flow/): 現在、制作と納品の日程は上記の通りに行わ... - [チラシ／フライヤー制作料金](https://bluetraff.com/flyer/): デザイン費 ＋ 印刷費 ＋ 送料　全て込... - [プライバシーポリシー（個人情報保護方針）](https://bluetraff.com/privacy-policy/): bluetraff design（日本語... --- ## 投稿 - [【2025年版】Messengerのデータダウンロード方法](https://bluetraff.com/messenger/): Meta（Facebook）のメッセージ... - [広告制作・Web制作・デザイン業はすでにAIに変わっているのか？　現役デザイナーが考える「これからの生き残り戦略」](https://bluetraff.com/aidesign/): サイバーエージェントの事例に見るAI導入... - [CanvaはAdobeと競合するツールなのか](https://bluetraff.com/canvaoradobe/): 「Canva vs Adobe」の話がみ... - [フリーランスデザイナーの確定申告](https://bluetraff.com/kakuteishinkoku/): さて今年も確定申告の時期がやってきた。S... - [Windows11 24H2 スリープが勝手に解除される問題](https://bluetraff.com/24h2sleep/): Windows11 23H2から24H2... - [デザイナーはWindowsでも問題ありません](https://bluetraff.com/windowsdesign/): デザイン分野ではMacが圧倒的に優勢であ... - [Webデザイナーはイラレを使えないとダメなのか](https://bluetraff.com/web_illustrator/): Webデザイナーを名乗る人は、HTMLと... - [ひどいデザインが上がってきた！ さてどうする？](https://bluetraff.com/cancel/): デザイン制作をデザイナーに発注した。しか... - [WebデザインにFigmaを使わなくてはいけない理由](https://bluetraff.com/webdesign-figma/): Webサイトやスマートフォンアプリのデザ... - [PCとスマホでのFacebookカバー写真表示の違い](https://bluetraff.com/facebookcoverimage/): Facebookのカバー画像の表示を最適... - [デザイナーのWEBサイト開設の重要性とその目的](https://bluetraff.com/designersweb/): デザイナーが自分のWEBサイトを制作する... - [AI学習は悪なのか、それを認めないSNS「Cara」はクリエーターにとって救世主なのか](https://bluetraff.com/cara/): 作品がAI学習に利用されることに多くのク... - [プロデザイナーがノーコードCMSを扱う時に考慮すること](https://bluetraff.com/nocode_cms/): ノーコードCMS（STUDIO、Wix、... - [CanvaとIllustrator、Photoshopは競合ソフトなのか](https://bluetraff.com/canvaandadobe/): 簡単に誰でも素敵なチラシ、バナーやロゴを... - [新卒入社した会社を3ヶ月で辞めた私が語ろう](https://bluetraff.com/taisha/): 「退職代行業者」が話題になっている。そこ... - [写真展のチラシ制作実績紹介](https://bluetraff.com/shashintenchirashi/): 写真展の開催告知チラシのデザイン制作を担... - [「Google Vertex AIによるアプリケーション開発」の書籍装丁実績の紹介](https://bluetraff.com/vertexai/): GoogleのAI技術を身近なUIのチャ... - [「私たちはなぜスマホを手放せないのか」の装丁制作実績](https://bluetraff.com/nazesumahowo/): この記事は、スマホやハイテク機器の使用が... - [X（Twitter）のURLカード「見出し」復活について──投稿する人、見る人共に影響大](https://bluetraff.com/xogptitle/): X（Twitter） URLカードの「見... - [ザ・ビートルズ Now And Then ジャケット・デザインの秘密](https://bluetraff.com/nowandthen/): ビートルズ最後のシングル「Now And... - [OpenAIプログラミング本のカバーデザイン方法](https://bluetraff.com/openai/): プログラミング本カバーデザインの紹介。W... - [ブギウギ 笠置シヅ子の時代はロック、R&B、ジャズが生まれた日本ポピュラー音楽の大分岐点](https://bluetraff.com/boogiewoogie/): 日本初の本格的ジャズ歌手笠置シヅ子とその... - [Appleに「お前のiPhoneは壊れました」と宣告されたが、なぜか直った話](https://bluetraff.com/mobilenetwork/): ある日突然「モバイル通信の問題が検出され... - [「Clickではじめるノーコード開発入門」の装丁方法](https://bluetraff.com/nocodeclick/): 書籍「Clickではじめるノーコード開発... - [メール営業は非効率！　それでも送りたい人のためのメール営業方法…というか作法](https://bluetraff.com/maileigyo/): メール営業は新規顧客獲得に効果なし。それ... - [「サブカルチャーの心理学2」の書籍装丁とその制作実績](https://bluetraff.com/subculture2/): 書籍装丁の実績とその制作工程を説明する。... - [装幀のプロが語る - 上製本と並製本の違いとデザイン実績](https://bluetraff.com/hardcover/): 「進化精神病理学 心理学と精神医学の統合... - [Figma入門書3冊を徹底比較！ Web・UIデザインの基礎からチームワークまで](https://bluetraff.com/figmabooks/): スマホアプリ、WEBデザイン、UI/UX... - [デザイナーが契約を切られる時](https://bluetraff.com/keiyaku-shuryo/): デザイナーとしての契約が終了する。真面目... - [80’ｓ風ブックデザインの制作工程「CH55xでどうでしょう」](https://bluetraff.com/ch55x/): 最近80年代風デザインが流行っている。し... - [Affinity 2 シリーズは、プロのツールとして使えるのか](https://bluetraff.com/affinity2series/): Affinity 2 シリーズはプロ・デ... - [「Google AppSheetで作るアプリサンプルブック」の装丁とその方法](https://bluetraff.com/googleappsheetsample/): 「Google AppSheetで作るア... - [「建築実務のプロが作ったRhinoとGrasshopperの本」本文フォーマット・デザインとDTP組版](https://bluetraff.com/rhino-grasshopper-2/): 3次元モデリングツールであるRhinoc... - [ストックフォトサービスを使う危うさ](https://bluetraff.com/stockphoto/): 今やWEBサイト制作や、広告制作に欠かす... - [Windows 10からWindows 11へのアップグレード](https://bluetraff.com/win10to11/): Windows 11が登場して1年、そろ... - [URLのリダイレクト方法 ─ SSL化後やAMP停止後にやること](https://bluetraff.com/urlredirect/): WEBサイトを運営していると、必ず出てく... - [【制作実績】書籍の装丁─AWS Amplify Studioではじめるフロントエンド＋バックエンド統合開発](https://bluetraff.com/awsamplifystudio/): 書籍「AWS Amplify Studi... - [出来るデザイナーの条件：客の意見に耳を傾けてみる](https://bluetraff.com/kyaku-no-iken/): 商業デザイナーは芸術家やアーティストでは... - [コーディングができないWEBデザイナーは、何をデザインしているのか](https://bluetraff.com/nonwebdesigner/): WEBデザイナーというものは、本来コーデ... - [起業0→1の0.5が分かる。必見！【起業チャレンジ！覆面ビリオネア 90日間でゼロから100万ドルのビジネスを作り上げる】](https://bluetraff.com/undercoverbillionaire/): 起業する人はもちろん物を売る人は必見 ビ... - [THE BEATLES / Get Back のデザインとアートディレクション](https://bluetraff.com/getback/): THE BEATLES2021～22年の... - [「68000とMacintosh Toolbox詳細」の装丁](https://bluetraff.com/68000tomacintoshtoolboxshosai/): IT系書籍の装丁の依頼を請けました。その... - [デザイナーと要件定義の関係](https://bluetraff.com/yokenteigi/): これからのデザイナーは要件定義に参加する... - [国立博物館のチラシ制作方法と実績紹介](https://bluetraff.com/sakubun-competition/): 昭和館のコンクール告知チラシの制作過程と... - [WEBデザイナーが、DTPデザインの時に気を付けるポイント10](https://bluetraff.com/webdesigner-dtp/): 会社や店のチラシやポスターのデータを自分... - [WordPressのプラグインなし、簡単バックアップ方法](https://bluetraff.com/wordpress-backup/): WordPressで構築されたWEBサイ... - [書籍装丁の方法 - Swift PlaygroundではじめるiPhoneアプリ開発入門](https://bluetraff.com/swiftplayground/): 【書籍装丁の方法】カバー、オビ、本体表紙... - [【デザイン】やってはいけない！ ふち文字加工（初心者向け）](https://bluetraff.com/fuchimoji/): ふち文字を安易に使ってはいけない。ロゴや... - [【2024年版】全SNSにオールマイティーなOGP画像サイズはこれだ！（X、Threads対応）](https://bluetraff.com/ogp_thumbnail/): 各SNSに対応したOGPサムネイル画像の... - [書籍の本文レイアウト設計とその工程](https://bluetraff.com/rhino-grasshopper/): 本文フォーマット設計は、書籍の種類や内容... - [フリーランス/個人事業主デザイナーなら、自分で青色申告をしたほうがお得](https://bluetraff.com/aoiroshinkoku/): 個人事業主やフリーランスのデザイナーであ... - [【制作実績】書籍の装丁制作行程 ━ Power AutomateではじめるiPaaS開発入門](https://bluetraff.com/work_powerautomate/): 「Power Automateではじめる... - [DTPデザイナーがWEBデザインを習得する方法](https://bluetraff.com/dtporweb/): DTPデザイナーでもWEBデザインを習得... - [MarkdownからInDesignへの工程（実践編）](https://bluetraff.com/markdown-to-indesign2/): ライターがMarkdown（マークダウン... - [【iPhone 13】安く購入できるキャリア購入サポートプログラムは本当に得なのか](https://bluetraff.com/iphone-13/): 最新iPhone本体のみを回線契約なしで... - [【制作実績】書籍の装丁制作行程 ━ Office Scriptによる Excel on the web 開発入門](https://bluetraff.com/work_excelontheweb/): 書籍制作の実績と装丁行程 ━ Offic... - [【レイアウト】不適切な色のコントラストと空きが引き起こす誤認](https://bluetraff.com/layout_contrastandspace/): デザインにおいて各要素間の色のコントラス... - [【DTP／印刷】特色 金・銀の発色を良く印刷する方法](https://bluetraff.com/dtp_goldandsilver/): 特色版を作りそのまま印刷しても問題はない... - [【レイアウト】視線の方向を効果的に使う](https://bluetraff.com/layout_lineofsight/): 人物画像の視線の先には文章がある。そうす... - [【WordPress】アップロードした画像の色がくすむ場合の対処法](https://bluetraff.com/wordpress_imagecolor/): Photoshopなどの画像加工アプリで... - [学習塾のチラシ・デザイン制作の方法【実績紹介】](https://bluetraff.com/work_flyer_gakushujuku/): 【学習塾チラシ制作の注意点と実績紹介】学... - [デザイナーのトラブルはだいたい契約関係](https://bluetraff.com/keiyakutrouble/): 契約書を交わしているデザイナーはどれくら... - [小企業や個人事業主に最適なWordPressテーマとは？](https://bluetraff.com/wordpress_besttheme/): WordPressのテーマは何を選べばよ... - [WebとDTPデザイン 文字サイズの単位](https://bluetraff.com/fontsize/): WEBサイトのようなモニターに表示される... - [Affinityシリーズは、プロのツールとして使えるのか](https://bluetraff.com/affinityseries/): Affinity Photo、Affin... - [飲食店のテイクアウト／持ち帰り用資材制作](https://bluetraff.com/work_inshokuten-shizai/): テイクアウト／持ち帰りする人には、従来の... - [書籍の装丁／ブックデザインの方法と実績の紹介 ━ Google AppSheetではじめるノーコード開発入門](https://bluetraff.com/work_googleappsheet/): 書籍の制作実績紹介と、その制作過程を説明... - [デザイン料金の決め方](https://bluetraff.com/designprice/): 料金を決めなければ、見積もりを出せない。... - [リーフレット（パンフレット）のデザイン方法](https://bluetraff.com/leaflet-arch/): リーフレット（パンフレット）の実際のデザ... - [WordPressを自社運営するのであれば、放置は永遠にない](https://bluetraff.com/wordpress-unei/): 便利で、安価にWEBサイトを制作できるW... - [書籍の装丁「Power Appsではじめるローコード開発入門」](https://bluetraff.com/power-apps/): 【制作実績】書籍の装丁「Power Ap... - [デザイナーに「途中でいいから見せて」は禁句だった](https://bluetraff.com/design-no-tochu/): WEBデザイナー、ロゴデザイナー、チラシ... - [使いにくい公共サービスサイトが、何故出来てしまうのか？](https://bluetraff.com/public-services/): 一言で言えば、これらの公共サービスを手掛... - [MarkdownからInDesignへの工程（準備編）](https://bluetraff.com/markdown-to-indesign-1/): これからMarkdown記述の原稿を扱う... - [デザイナーのためのBracketsからVisual Studio Codeへの移行](https://bluetraff.com/brackets-to-visualstudiocode/): Adobeが開発していた無料のテキスト・... - [デザイナーになる前に、組織で働くということ](https://bluetraff.com/designer-ni-narumae/): WEBや書籍、または学校などでデザインを... - [「デザインする」という事は「いかにもなデザインをする」ことでもある](https://bluetraff.com/ikanimo-design/): プロのデザイナーとして要求される事はいか... - [何でも1つのものに頼ると危険という話](https://bluetraff.com/hitotsu-ni-tayoru/): 何でもそうだが、一つの物や事に注力や固執... - [デザイナー向け超初心者コマンド入力入門──コマンド入力は、これだけ分かればいい](https://bluetraff.com/command-input/): コマンド入力の超超入門編。PowerSh... - [BracketsはWEBだけでなくDTPデザイナーにとっても必須となった](https://bluetraff.com/brackets/): 無料テキスト・エディターBrackets... - [書籍の縦組み横組みを、読者視点から制作者が考える](https://bluetraff.com/tategumi-yokogumi/): 読者として読みにくい組方向がある。「組版... - [“職人”デザイナーとして心がけていること](https://bluetraff.com/craftsman-designer/): 注文主の意見により、自分の思い描いた通り... - [デザイナー専用PCを自作する（ベンチマークテスト編）](https://bluetraff.com/jisakupc-2/): Windows OSをインストールしベン... - [営業メールも送り方を間違えると逆効果になる](https://bluetraff.com/business-email/): 営業メールには作法があり、それを破ると企... - [デザイナー専用PCを自作する（組立編）](https://bluetraff.com/jisakupc-1/): デザイナー専用のPCを制作する、その続編... - [CD、レコードや本に付いているオビは、何のためにあるのか](https://bluetraff.com/obi-yakuwari/): オビ（帯）とは何なのか。何のためにあるの... - [デザイナー専用PCを自作する（パーツ購入編）](https://bluetraff.com/jisakupc-0/): デザイナーが自作でPCを作るとは、どうい... - [デザイナーはWindowsではなくMacでないとダメなのか](https://bluetraff.com/designer-mac-win/): デザイナーにとって、OS選択は自由です。... - [「ディスクを読み込まない」の原因はほとんどこれで直る](https://bluetraff.com/nodisc/): 「ディスクを読み込まない」「ディスクを認... - [実録！ Nuro光に変えたらネットが爆速になったという話](https://bluetraff.com/nurohikari/): ネットの回線業者やプロバイダーを変更する... - [書籍の装丁「Electronではじめるデスクトップアプリケーション開発」──装丁の手順](https://bluetraff.com/electron/): 個人的にも興味があるElectron。E... - [WordPressを更新するべきか迷っている人達へ](https://bluetraff.com/wordpress-update/): 日夜WEBに関するさまざまな相談が持ち込... - [書籍装丁制作「サブカルチャーの心理学」--- 書籍の装丁方法](https://bluetraff.com/subculture_no_shinrigaku/): 大学の教科書にも使用する書籍の装丁を担当... - [WordPress 最もシンプルなサーバー移転方法（バックアップと復元）](https://bluetraff.com/wordpress-server-iten/): WordPressの初心者向けに、プラグ... - [WordPress PHPのバージョンアップによるエラーとその対処法](https://bluetraff.com/wordpress-php-error/): PHPのバージョンアップによるエラーが発... - [長岡秀星　回顧展へ行く！](https://bluetraff.com/shusei-nagaoka/): 1970年代に多くのレコード・ジャケット... - [ランニングを無理なく続ける方法](https://bluetraff.com/running/): 走りたいけれど続かない... それは向く... - [ドラマ「デザイナー渋井直人の休日」をデザイナー米本哲が観て](https://bluetraff.com/shibui-naoto/): 2019年の1月～4月期にテレビ東京で深... - [「Webデザイナーはコーディングできるべきか」について現場から](https://bluetraff.com/webdesigner-coding/): 昨日、SNSで話題のブログを読みました。... - [フリーランス・デザイナーのキャリアとは？　これからのフリーランサーはこれで決まり！](https://bluetraff.com/freelance-designer/): 先日以下のようなツイートをしました。 最... - [「かき氷やってます！」　氷旗デザインの不思議](https://bluetraff.com/kakigori/): 　夏になると店先にゆらゆらとはためく「か... - [WordPressとアメブロとWixどれがいいの？](https://bluetraff.com/wix/): 　これからホームページを作ろうとしている... - [結局、印刷データはRGBとCMYKどっちなのか？　CMYKです](https://bluetraff.com/rgbcmyk/): 印刷所へデータを入稿する際のカラー・モー... - [会社案内の制作](https://bluetraff.com/companyprofile/): 　工業計器メーカーが日本国内と海外向けに... - [化学薬品会社の製品パンフレット20種制作](https://bluetraff.com/chemicalscatalog/): 製品パンフレットのリニューアル この化学... - [ギターアンプ自作マニュアル本のデザインを担当しました](https://bluetraff.com/guitaramp/): ギターアンプを自作するためのマニュアル本... - [外注デザイナーから社内デザイナーにするとどうしてブラックになりやすいのか](https://bluetraff.com/gaichu-shanai-designer/): 元々は社内リソースがないから外注に出す ... - [IT企業の新サービス営業用チラシ制作](https://bluetraff.com/aiservices/): 　IT企業の依頼により新サービス告知のチ... - [飲食店　店内用ポスター制作しました](https://bluetraff.com/foodposter/): 新メニューの追加につき店内用にポスターを... - [音楽専門誌の雑誌広告を制作しました](https://bluetraff.com/musicalmagazinead/): 月刊音楽専門誌の雑誌広告を制作しました ... - [日本酒の販促チラシを制作](https://bluetraff.com/sake/): オリジナル日本酒を量販店や飲食店に告知 ... - [CD発売告知チラシを制作](https://bluetraff.com/terrybozzio-chirashi/): さまざまな形態で発売されるCDボックス発... - [全国紙の新聞全面（15段）広告を制作しました](https://bluetraff.com/newspaper-ad/): あまり制作機会のないロック系全面広告を制... - [音楽専門誌の雑誌広告をデザインしました](https://bluetraff.com/burrn-ad/): A4判　×2ページ　見開き 音楽専門誌の... - [旅行代理店のツアー集客用チラシ](https://bluetraff.com/hawaii-tour/): 　直請けで旅行代理店のWEBサイトの構築... - [商品ブランディングのチラシを制作しました](https://bluetraff.com/sio/): 商品のブランディング 商品のブランディン... - [ミュージシャンとの交流旅行ツアーの告知チラシを制作](https://bluetraff.com/musician-tour/): ミュージシャンとファンとの交流旅行ツアー... - [レスポンシブ対応を謳うWEBデザイン・サービスのチラシを制作](https://bluetraff.com/webservices-ad/): 訪問客に対しチラシによりサービスを印象付... - [マンガ化したサービス紹介パンフレットを制作](https://bluetraff.com/tjmdinet/): マンガ化することで分かり易く問合せに誘導... - [美容室のチケット・デザイン制作](https://bluetraff.com/beautysalon-flyer/): 美容室のチケット WEBサイトの制作を依... - [ブック・デザインの方法 - Light Mellow 和モノ Special](https://bluetraff.com/lightmellow/): 【制作実績】Light Mellow 和... - [Blu-rayとDVDボックス発売告知の雑誌広告を制作しました](https://bluetraff.com/bluray-ad/): 盛りだくさんの内容なので整理して見やすい... - [音楽コンサート鑑賞ツアー・リーフレットの制作](https://bluetraff.com/musical-concert-ad/): 海外コンサート・ツアー告知用リーフレット... - [ハワイ観光ツアー告知のチラシを制作](https://bluetraff.com/hawaii-chirashi-2/): ハワイ・ウクレレー・ツアー告知チラシ プ... - [写真投稿コンテストの告知チラシの制作](https://bluetraff.com/photography-contest/): 写真コンテストの告知チラシを作成 旅行会... - [インフルエンザ予防ポスターを制作しました](https://bluetraff.com/influ-poster/): 厚生労働省のインフルエンザ「咳エチケット... - [プロ向けの映像機器宣伝チラシの制作](https://bluetraff.com/eizokiki/): （A4版 4C/4C 両面カラー） プロ... --- # # Detailed Content ## 固定ページ ### 免責事項 - Published: 2023-06-12 - Modified: 2023-06-12 - URL: https://bluetraff.com/mensekijiko/ bluetraff design (https://bluetraff. com）（以下、「当サイト」とします。)における免責事項は、下記の通りです。 転載について 当サイトはリンクフリーです。リンクを貼る際の許可は必要ありません。引用についても、出典元のURLを貼っていただければ問題ありません。ただし、インラインフレームの使用や画像の直リンクはご遠慮ください。 当サイトの情報の正確性について 当サイトのコンテンツや情報において、可能な限り正確な情報を掲載するよう努めています。しかし、誤情報が入... --- ### よくあるご質問（FAQ） - Published: 2019-09-18 - Modified: 2019-09-19 - URL: https://bluetraff.com/faq/ チラシ、ポスター、パンフレット等デザイン制作・印刷を依頼される際によくある質問をまとめました。当サービスでは初めてご依頼される方がほとんどです。分からない事や疑問点などはそのままにせず何でもお聴きください。まずは依頼される方からの信用を得る事が第1だと考えております。 個人で営業している飲食店なのですが、チラシのデザインをお願いできますか？ 是非ご依頼ください。小さな規模で制作していますので、大手と同じクオリティで費用は安くデザインのみならず印刷と送料込みの価格でご提供しております。ご依頼される... --- ### ブックデザイン／エディトリアル・デザイン料金 - Published: 2019-07-18 - Modified: 2025-06-02 - URL: https://bluetraff.com/bookprice/ 画像はブックデザイン制作実績の一部です ブック・デザインの実績が豊富な会社です 　チラシや名刺のデザインとは異なり、印刷費用が数百万円単位でかかるため、ただ専門のソフトウェアが使えるというだけでは出来ない、独自の知識と経験が必要なデザイン分野です。WEBデザイナーでもチラシ・デザインを手掛けているデザイナーは多くいますが、エディトリアル・デザイン分野まで出来るデザイナーは少ないでしょう。そこが弊社サービスの強みだと考えています。現在まで約100冊の書籍デザインや組版、数100冊の雑誌デザインを手... --- ### パンフレット（中綴じ）制作料金 - Published: 2019-07-14 - Modified: 2023-09-13 - URL: https://bluetraff.com/booklet/ デザイン費 ＋ 印刷費 ＋ 送料　全て込みの価格 中綴じとは表紙を入れたページ数が8ページ以上の冊子の場合真ん中のページにホッチキスで留めたものを言います。ページ数が少ない冊子に一般的に使われる綴じ方です。　印刷工程に入りましたら8～9営業日ほどで日本全国お手元に中綴じ冊子をお届けいたします。　分かりやすいデザイン費用+印刷費用+送料全て込みの価格（税抜）です。 パンフレットとリーフレット の違いは 一般的に本ページで扱われているような8ページ以上でホッチキスなどで真ん中を綴じたものをパンフレッ... --- ### リーフレット（パンフレット）制作料金 - Published: 2019-07-13 - Modified: 2023-09-12 - URL: https://bluetraff.com/panphlet/ リーフレット（パンフレット）デザイン費 ＋ 印刷費 ＋ 送料　全て込みの価格 　一枚の紙に折りを入れ畳んだ状態のリーフレットを格安でデザインから印刷、納品までお請けいたします。　イメージしているデザイン案をお伝えいただき、原稿をいただければ、プロの経験を活かしお客様の意図に沿ったデザインでチラシを制作しご確認いただければ、その後1週間ほどで日本全国お手元にリーフレット（パンフレット）をお届けいたします。　分かりやすいデザイン費用+印刷費用+送料全て込みのワンストップ価格（税抜）で制作しお届けしま... --- ### 名刺／ショップカード／診察券／スタンプカード制作料金 - Published: 2019-07-07 - Modified: 2019-09-23 - URL: https://bluetraff.com/meishi/ 名刺のデザイン 　ネットの発達により一度も顔を合わせることなく仕事が完結する事も珍しくなくなりました。しかし新規の営業開拓や大型案件など実際に顔を合わせお互いの信頼を高めることは今後も必要となるでしょう。その際に初めて会う相手に渡すのが名刺です。名刺のデザインにより硬い仕事なのか柔らかい業種なのか強く印象づける事になります。また面談した後に名刺のURLを見て相手の詳しい情報を得たり、またフォローメールを出すためにメールアドレスを確認したりする際に見るのが名刺になります。その人のファーストビューで... --- ### チケット制作料金（ミシン目無し） - Published: 2019-07-07 - Modified: 2019-09-23 - URL: https://bluetraff.com/ticket2/ こちらはミシン目無しのチケット／小型チラシの料金です。ミシン目有りのチケット／小型チラシの料金はこちら。 デザイン費 ＋ 印刷費 ＋ 送料　全て込みの価格 　ミシン目の無い折りたたんで財布などに収納できるタイプのチケット／チラシになります。もぎり用のミシン目加工があるチケットはこちらをご覧ください。　用途として1番需要があるのは美容室のチラシ、飲食店が配布するクーポン／割引券、催し物の入場券などミシン目が必要ないチケットにもご利用いただけます。ミシン目が必要なく用紙が薄くても可能な場合は割安です... --- ### チケット制作料金（ミシン目有り） - Published: 2019-06-30 - Modified: 2023-09-13 - URL: https://bluetraff.com/ticket/ こちらはミシン目有り（もぎり）のチケット／小型チラシの料金です。ミシン目無しのチケット／小型チラシの料金はこちら。 デザイン費 ＋ 印刷費 ＋ 送料　全て込みの価格 　様々なパーティー、招待制のイベント、ライヴ、飲食店のクーポン券意外と普段の生活のいろいろな場所で利用されるのがチケットです。もぎり部分の「ミシン目加工」を価格に含みます。また1枚づつに印刷するナンバリングにもオプションで対応しています。　デザイン完成後、印刷所に入稿して1週間ほどで日本全国お手元にチケットをお届けいたします。分かり... --- ### 運　営 - Published: 2019-05-14 - Modified: 2019-05-14 - URL: https://bluetraff.com/about/ サービス運営米本デザイン代表米本　哲（詳しいプロフィールはこちら）WEBサイトhttps://yonemoto. ne. jp住所東京都荒川区荒川7-46-1設立日1997年4月1日事業内容●コンピューターシステムの企画・開発・販売・及び保守に関する業務●グラフィックデザイン、エディトリアルデザイン、ウェブデザイン業務 ●コンピューターシステムに関するコンサルティング業務 ●広告宣伝の情報媒体の企画、制作、販売 ●広告代理店業務 ●全各号に付帯関連する一切の業務各種お問合せお問合せフォームにてお... --- ### 制作後記 ─ デザインや仕事の事を分かりやすく書きます - Published: 2019-05-14 - Modified: 2019-05-14 - URL: https://bluetraff.com/weblog/ --- ### 料　　金 - Published: 2019-05-13 - Modified: 2019-07-18 - URL: https://bluetraff.com/services/ 以下から商品をお選びください。全ての表示価格は税抜きとなります。 チラシフライヤー 名刺ショップカード 折り パンフレット チケット（ミシン目あり） チケット（ミシン目なし） 中綴じ冊子 ブックデザイン装丁 --- ### チラシ、パンフレット制作サービス【デザイン＋印刷＋送料】 - Published: 2019-05-05 - Modified: 2019-05-05 - URL: https://bluetraff.com/ 当サービスにおけるチラシデザインの優位性 広告デザイナーが制作し印刷物までお請けするワンストップサービスです 　今まで例えばチラシ1枚を作るにはデザインはデザイン事務所へ、その後印刷は印刷業者へ依頼していました。この煩わしさがチラシ制作を依頼した事のない人の大きな障壁となっています。そこでチラシなどの印刷物制作が初めての個人の方、企業の方、今までどこに依頼してよいか分からなかった方などに気軽にご利用いただけるようデザイナーが当サービスを初めました。ネット上に同様のサービスは多く存在しますが当サー... --- ### お問い合わせ - Published: 2019-05-05 - Modified: 2019-05-05 - URL: https://bluetraff.com/contact/ お問い合わせはこちらにお願いします。1営業日以内のお返事を約束します。 bluetraff design（ブルートラフ・デザイン）は、どなたでも気軽に幅広いデザイン制作をご利用いただけるように開設した、米本デザインが運営するデザイン・ブランドです。 LINEでのお問い合わせも承ります。左のQRコードを読み取りまたは下記IDを検索してご利用ください。米本デザイン友達検索→　@bcn3204o 1営業日以内のお返事を約束します。 よくあるお問合せ例 印刷を含めて3日以内に納品をして欲しいのですが 角が丸い名刺をデザインして欲しいのですが 病院の診察券をお願いしたい 美容... --- ### 発注から納品までの流れ - Published: 2019-05-05 - Modified: 2019-05-05 - URL: https://bluetraff.com/flow/ 00お問合せ チラシ、パンフレットなどの発注が初めて、デザイナーに頼んだことがないなど、ご不明ご不安な点やお見積などは、お問合せフォームからお気軽にどうぞ。※この段階では正式契約ではありませんので費用はかかりません 01制作のご依頼 お問合せフォームにて以下の情報をお知らせください。1営業日以内にメールにてご返答いたします。 お名前（会社名、ご担当者名）メールアドレス制作印刷物の大きさ（A4判など）種類（片面のみ、モノクロ+片面、両面フルカラーなど）印刷部数その他ご希望の追加仕様など 02正式契... --- ### チラシ／フライヤー制作料金 - Published: 2019-05-05 - Modified: 2023-09-13 - URL: https://bluetraff.com/flyer/ デザイン費 ＋ 印刷費 ＋ 送料　全て込みのワンストップ価格 　今までチラシを印刷するには近所にある街の印刷屋さんに原稿を持参して、予め用意してあるフォーマットされた印刷屋さんのデザインで依頼していました。安価な自由なデザインは出来ません。　もう少しデザインを良くしたければ、まずデザイン事務所を探し、イメージを伝え原稿を送り、何度かのやり取りをしてデザインが決まればデータをもらい、印刷会社を探し、そのデザイン・データを印刷会社に依頼するのが普通でした。この場合、データを印刷会社に送る際にデータの... --- ### プライバシーポリシー（個人情報保護方針） - Published: 2019-05-03 - Modified: 2019-05-03 - URL: https://bluetraff.com/privacy-policy/ bluetraff design（日本語表記：ブルートラフ・デザイン） （以下、当ウェブサイトと言います）を運営する米本デザイン（以下、当事務所と言います） は、以下のとおり個人情報保護方針を定め、個人情報保護の仕組みを構築し、全従業者に個人情報保護の重要性の認識と取組みを徹底させることにより、個人情報の保護を推進致します。 個人情報の管理 当社は、お客さまの個人情報を正確かつ最新の状態に保ち、個人情報への不正アクセス・紛失・破損・改ざん・漏洩などを防止するため、セキュリティシステムの維持・管理... --- --- ## 投稿 ### 【2025年版】Messengerのデータダウンロード方法 - Published: 2025-05-31 - Modified: 2025-06-01 - URL: https://bluetraff.com/messenger/ - カテゴリー: その他 - タグ: アプリ, facebook, messenger Meta（Facebook）のメッセージアプリであるMessenger（メッセンジャー）。プライベートな連絡はもちろん仕事でも使用しています。その会話をテキストデータで保存する方法を説明します。これはMetaの他のアプリであるFacebookやInstagramでも方法は同様です。 データダウンロード方法が複雑 メッセージアプリの欠点はチャットをしている相手が送信したメッセージをいつでも削除できることです。プライベートなやり取りではそれが逆に“長所”として機能する場合もありますが、仕事上でやり取... --- ### 広告制作・Web制作・デザイン業はすでにAIに変わっているのか？　現役デザイナーが考える「これからの生き残り戦略」 - Published: 2025-04-20 - Modified: 2025-04-20 - URL: https://bluetraff.com/aidesign/ - カテゴリー: デザイナー - タグ: デザイナー, デザイン, AI サイバーエージェントの事例に見るAI導入のインパクト 先日、サイバーエージェントの広告制作チーム縮小に関するX（旧Twitter）上の投稿が話題となった。投稿によれば、同社は生成AIを導入したことで、広告制作チームの規模を「様々な職種およそ6人」から「デザイナー1人」へと大幅に縮小したという。さらに、デザイナー1人あたりの制作本数は約170本に増加し、撮影やタレント費用も削減。結果として、広告制作の効率は「5. 6倍」に向上したとされている1 2。 この動きに伴い、同社ではデザイナーの新規募集を... --- ### CanvaはAdobeと競合するツールなのか - Published: 2025-04-01 - Modified: 2025-04-01 - URL: https://bluetraff.com/canvaoradobe/ - カテゴリー: アプリケーション - タグ: Adobe, デザイナー, アプリ, illustrator, canva 「Canva vs Adobe」の話がみんな大好物 相変わらずデザイナーによるCanvaに対するdisりがひどい。その理由はCanvaでは細かいデザインができない、一般的な印刷ができない... ... など。まず大前提が違う。CanvaはIllustratorやPhotoshopの競合ツールではありません。あえて言うのならAdobe Expressなのだが、Canvaに比べるとこれが圧倒的に知名度が低い。CanvaはテレビCMまで流しているし。使う人が増えて目立つから批判が多いこともあるだろう。... --- ### フリーランスデザイナーの確定申告 - Published: 2025-02-14 - Modified: 2025-02-14 - URL: https://bluetraff.com/kakuteishinkoku/ - カテゴリー: フリーランス／自営業 - タグ: #確定申告, #フリーランス, #個人事業主 さて今年も確定申告の時期がやってきた。SNSを見ると確定申告に時間をとられて、実務に身が入らないとの悲鳴が聴こえてくる。デザイナーは数字に弱い人がとても多い。また売上や経費もどんぶり勘定の人も多い。そこで私のなりのフリーランスデザイナー確定申告の方法を、少しでも参考になればとここに書いてみようと思う。 金銭的に余裕のある人は税理士に丸投げでOK! フリーランスでも確定申告の準備をして提出まで数日を要する。そこで売上や経費の書類を丸投げするだけであとは提出までしてくれ、確定申告の時期だけ頼める税理... --- ### Windows11 24H2 スリープが勝手に解除される問題 - Published: 2024-12-23 - Modified: 2024-12-23 - URL: https://bluetraff.com/24h2sleep/ - カテゴリー: ソフトウエア Windows11 23H2から24H2アップデートをしてから、スリープモードにして2～3分経つと勝手に解除される問題が起きた。原因はネットワークアダプターがスタンバイ状態を解除できるようになっていたことだった。検索しても原因が分からなかったので、同じ問題が起きている人向けに解決方法を説明する。 スリープしても3分後勝手に解除される Windows11 24H2のアップデートはいろいろなトラブルが起こりアップデートはしないほうが良いとの投稿をSNSでよく見る。SNSはネガティブな投稿は多いが、ア... --- ### デザイナーはWindowsでも問題ありません - Published: 2024-12-18 - Modified: 2024-12-18 - URL: https://bluetraff.com/windowsdesign/ - カテゴリー: デザイナー, web, DTP - タグ: #デザイナー, Windows, MacOS デザイン分野ではMacが圧倒的に優勢であるため新人やこれからデザインを始めようとする人たちは選択の余地なく高額のローンを組み無理してMacを購入する人がいる。しかしここで疑問が湧く「デザイン制作はWindowsじゃだめなの？」先に答えを言うと 〈 Windowsでも問題なし 〉 以下その説明をする。 Macでないとデザイン制作ができない時代ではない ここまで書いておいて何だが言いたいことは以前ほぼ下記記事に書いてしまった。 https://bluetraff. com/designer-mac-... --- ### Webデザイナーはイラレを使えないとダメなのか - Published: 2024-12-06 - Modified: 2025-01-06 - URL: https://bluetraff.com/web_illustrator/ - カテゴリー: デザイナー, アプリケーション - タグ: illustrator, Webデザイナー Webデザイナーを名乗る人は、HTMLとCSSときどきJavaScriptを習得。そしてWebサイト一式の構築方法を学ぶ。その中にPhotoshopとIllustratorの操作方法も含まれているのだろうと私は勝手に考えていた。しかしSNSの投稿を見ているとどうやらIllustratorを使ったことがない、または使わないWebデザイナーが多く存在するようなのだ。この中には学習はしたが苦手なので使わないという人も含まれる。現場からの声としてはデザインをするのであればIllustratorは使えない... --- ### ひどいデザインが上がってきた！ さてどうする？ - Published: 2024-11-29 - Modified: 2024-11-29 - URL: https://bluetraff.com/cancel/ - カテゴリー: デザイナー, フリーランス／自営業 - タグ: #デザイナー, #フリーランス, #個人事業主 デザイン制作をデザイナーに発注した。しかし上がってきたデザインは想像していたものと大きく異なり、その後修正依頼をしても期待したものができる可能性が低くキャンセルしたい。どうすれば穏便にデザイン制作を途中でキャンセルできるだろうか。工程ごとに割合を決めて支払うようにすればトラブルは起こらない。 使えない成果物が上がってきたのでキャンセルしたい 先日Threadsで以下のような投稿を見たので引用をした。 https://www. threads. net/@yonemotodezain/post/D... --- ### WebデザインにFigmaを使わなくてはいけない理由 - Published: 2024-11-08 - Modified: 2025-01-06 - URL: https://bluetraff.com/webdesign-figma/ - カテゴリー: web, アプリケーション - タグ: Sketch, アプリUI, WEBデザイン, プロトタイプツール, Figma, Adobe XD Webサイトやスマートフォンアプリのデザイン・カンプ（以下Webデザイン）を制作するときにあなたはどのようなアプリを使っているだろうか？またどのようなアプリを使うのが最適なのだろうか？正解はFigma一択である。それはデザインするときの使いやすさ、クライアントにプレゼンする時の手軽さ、デザインの後工程を担当するコーダーやプログラマーに対する扱いやすさ（優しさ）がある。 多様なWebデザイン制作ツール 先日SNSで“WEBデザインカンプ制作はFigmaで”と投稿したら以下のような反応があった。 T... --- ### PCとスマホでのFacebookカバー写真表示の違い - Published: 2024-10-17 - Modified: 2024-10-17 - URL: https://bluetraff.com/facebookcoverimage/ - カテゴリー: web - タグ: facebook, 画像サイズ Facebookのカバー画像の表示を最適化するには？パソコンとスマートフォンでは見え方が大きく異なる。そのサイズの簡単な加工方法を解説する Facebookのプロフィール画面の上にあるカバー写真。これはPCとスマートフォンでは見た目に違いがある。アスペクト比（縦横比）がまったく異なるのでそのサイズと簡単な制作方法を説明する。 Facebookのカバー写真とは もはや中高年の仲良しメディアと言われているFacebookだがまだまだ影響力はある。投稿がFacebookのフィードに流れてきて記事を読む。どんな人が書いているのだろうとプロフィール画面を開く。そうすると一番目立つ位置に大きく配置されているのがカバー写真である。特にビジネスで利... --- ### デザイナーのWEBサイト開設の重要性とその目的 - Published: 2024-10-13 - Modified: 2024-10-13 - URL: https://bluetraff.com/designersweb/ - カテゴリー: デザイナー, web - タグ: WEBサイト, #デザイナー デザイナーが自分のWEBサイトを制作することは難しく、優れたデザインを追求するあまり、実際の完成が遅れることが多い。SNSの利用が増えているが、依然として独自のWEBサイトが重要である。目的に応じたサイト設計と顧客向けの適切なデザインを検討する必要がある。 デザイナーが自己のWEBサイトを制作する。しかしデザインが専門であるが故に自己のデザインセンスや経験の粋を集めたような最高のデザイン制作を行おうとする。そう考えているうちに時間だけが過ぎ、気がついたら長い年月が経っていた... ... 。仕事で依頼を受けて制作したWEBサイトは予定取りにできるのに、自社のWEBサイトとなるとまったくできないのである。そんなデザイナーは多いのではないだろうか。自分も含めそんなデザイナーは通常の依頼通りターゲットを決め肩の力を抜き、最高のWEBサイトなどを目指さず“... --- ### AI学習は悪なのか、それを認めないSNS「Cara」はクリエーターにとって救世主なのか - Published: 2024-06-08 - Modified: 2024-06-25 - URL: https://bluetraff.com/cara/ - カテゴリー: デザイナー, その他 - タグ: AI, Adobe, Cara 作品がAI学習に利用されることに多くのクリエーターが懸念を示している。AIを拒否するCaraが一躍脚光を浴びている。果たしてAIはクリエータの敵なのか、積極的に利用すべきなのか。Adobeは正しいのだろうか CaraのExplore画面　https://cara. app/explore 「アーティストによるアーティストのためのSNS」Caraが話題だ。 タイル状にすき間なく埋められた画像がExploreのファーストビュー。スクロールするとInstagramのような単一カラムの投稿が並べられた独特のUIデザインである。 CaraはAI学習から逃れるための駆け込み寺 Meta社が運営するMeta AIにおいてInstagram、 Facebookの公開投稿をAI学習に利用していると昨年報道された。この... --- ### プロデザイナーがノーコードCMSを扱う時に考慮すること - Published: 2024-06-04 - Modified: 2024-06-05 - URL: https://bluetraff.com/nocode_cms/ - カテゴリー: デザイナー, web - タグ: ノンコードCMS, CMS, ノンコード ノーコードCMS（STUDIO、Wix、BiNDup、Jimdo）を使用したWEBサイト制作が増えているが、データをエクスポートできないため、他のCMSへ移行が困難になるリスクがある。WEBデザイナーはこの短所を事前に顧客に伝える必要があり、納品後の利便性も考慮すべきだ。 最近はWEBデザイナーがSTUDIO、Wix、BiNDup、JimdoなどいわゆるノーコードCMSでホームページ（WEBサイト）を制作する案件が増えてきている。発注する企業側からもコスト削減、制作時間の短縮、そして公開後もデザイナーではない社員が操作できることが求められていることから採用されているのだろう。そのような長所がノーコードCMSにはあるが、実は制作したデータをエクスポートできないことを知っているだろうか。エクスポートできないと別のCMSや通常のHTMLサイトに移行することが難しい。ノー... --- ### CanvaとIllustrator、Photoshopは競合ソフトなのか - Published: 2024-05-26 - Modified: 2024-05-26 - URL: https://bluetraff.com/canvaandadobe/ - カテゴリー: ソフトウエア, デザイン 簡単に誰でも素敵なチラシ、バナーやロゴを作ることができるCanva。同じ分野でプロが使うのはアドビ社のイラストレーターやフォトショップだ。飲食店の店主や個人事業主であるノンデザイナーはどちらを使えばよいのだろうか。 今SNSでは「Canva vs Adobe」の話題でもちきりだ。なぜ今それほどCanvaが話題なのか理由はわからない。Canvaは日本で2017年にサービスを開始した。起業したばかりの会社、自営業者、個人店など経費が限られている人たちに使われてきたことはよく知られている。2024年5月時点のアクティブユーザー数は全世界で1億8,000万人を超えているそうだ。 そもそもこの2つは利用者層が異なる Canvaはデザイン制作に使うソフトだが、それはチラシや名刺などのアナログデザインのデータ制作からWE... --- ### 新卒入社した会社を3ヶ月で辞めた私が語ろう - Published: 2024-05-20 - Modified: 2024-05-20 - URL: https://bluetraff.com/taisha/ - カテゴリー: デザイナー, フリーランス／自営業 - タグ: 就職, デザイン事務所 「退職代行業者」が話題になっている。そこでは必ず入社後わずかな期間で退職することへの是非が問われ議論となる。短い期間で退職することはいけないことなのか。それとも我慢することで得られるスキルや経験などを考えるべきなのか。ここでは新卒後3ヶ月で退職した私の経験を語る。 新卒入社した会社を3ヶ月で辞めました 新年度になり、そしてゴールデンウィークが明け「退職代行業者」がはやり話題になった。「やめたい... ... 」ＧＷ明けで利用が急増 退職代行業者は大忙し（テレビ大阪 大阪NEWS）https://www. tv-osaka. co. jp/news/53162/「退職代行業者」の是非はここでは別として、そこでは必ず入社して合わなかったらすぐ会社を辞めることに対しての賛否の意見が交わされる。世間一般の論調としては「入社数ヶ月では仕事の面白さなんてわからない。石... --- ### 写真展のチラシ制作実績紹介 - Published: 2024-04-27 - Modified: 2024-05-15 - URL: https://bluetraff.com/shashintenchirashi/ - カテゴリー: チラシ／フライヤー, 実績 - タグ: チラシ, フライヤー 写真展の開催告知チラシのデザイン制作を担当しました。 写真家の方からのご依頼で写真展の告知チラシを制作した。 仕様 判型：A5判色数：4C/1C（表4色/裏1色）用紙：コート90kg デザイン 発注主である写真家の方から参考となる資料と使用する画像とテキストを事前にもらい、シンプルなデザインが希望とのこと。写真展なので当然写真がメインとなる。 表面には写真展のタイトル、写真家の氏名。そして一番大事な日時と場所を下部に記載。何度かやり取りを交わすうちに日時の数字を目立つようにサイズを大きくした。余白を大きくとり、写真展タイトルにはセリフ系の文字を使い... --- ### 「Google Vertex AIによるアプリケーション開発」の書籍装丁実績の紹介 - Published: 2024-01-27 - Modified: 2024-01-29 - URL: https://bluetraff.com/vertexai/ - カテゴリー: ブックデザイン／書籍, 実績 - タグ: #エディトリアルデザイン, #コンピューター書籍, #装丁, #ブックデザイン, #本, #書籍 GoogleのAI技術を身近なUIのチャットボット、ChatGPTと組み合わせて提供したOpenAIに対抗するのはGoogle自身で、その答えがGoogle CloudのVertex AIだ。本書はGoogle Vertex AIの機能をオリジナルのウィジェットと共に解説しており、中級者向け。装丁は視認性を考慮しECサイト向けに設計された。 ChatGPT以前からAIを牽引してきたのはGoogleであり、それをチャットという誰でも容易に利用できるわかりやすいUIで提供したのがChatGPTの開発会社OpenAIであった。現在OpenAIに対抗できる唯一の企業はGoogleである。そしてGoogleは生成AIを自分のプログラムで利用するためのプラットフォームとして用意したのがGoogle Cloudの Vertex AIである。そのGoogle Vertex AIの生成AIに限った解説とオリジナルのウィジェットを作り実装するまでの説明... --- ### 「私たちはなぜスマホを手放せないのか」の装丁制作実績 - Published: 2023-12-15 - Modified: 2023-12-15 - URL: https://bluetraff.com/nazesumahowo/ - カテゴリー: ブックデザイン／書籍, 実績 - タグ: #エディトリアルデザイン, #コンピューター書籍, #装丁, #ブックデザイン, #本, #書籍 この記事は、スマホやハイテク機器の使用が脳と心に及ぼす影響についての本、「The Distracted Mind: Ancient Brains in a High-Tech World」の日本語版の製作過程を説明しています。最初にラフデザインの3案を作成し、その中から写真案が選ばれました。その後、本文の大扉、本体表紙、カバーデザイン等が製作されました。AIによる画像生成を試みましたがうまくいかなかった点、またカバーデザインの際に編集者からの指摘を受けて修正したことを挙げています。 スマホについ手が伸びてしまう、その原因は脳と心の仕組みにあった！　最新の心理学と神経科学の研究成果から、スマホやハイテク機器にハマるメカニズムとその影響を減らす処方箋を紹介。──本書の袖コピーより原書は2016年に「The Distracted Mind: Ancient Brains in a High-Tech World」というタイトルで出版されている。その日本語翻訳書の装丁を担当したので制作実績を紹介する。 仕様、作業内容 A5判正寸 並製（ソフトカバー） 束幅：22mm（カバー）、21... --- ### X（Twitter）のURLカード「見出し」復活について──投稿する人、見る人共に影響大 - Published: 2023-11-25 - Modified: 2023-11-25 - URL: https://bluetraff.com/xogptitle/ - カテゴリー: web - タグ: #OGP, #OGPサムネイル画像, #サムネイル, #サムネイル画像, #twitter, #X, #SNS, #Facebook X（Twitter） URLカードの「見出し」が復活する。WEBサイトで情報を発信している人達には大きな改善だが、ただXのフィードをながめているだけの人にとっても「見出し」は大きな問題だったのだ。 Twitterがイーロン・マスク氏に買収されXにて名称が変更になるなど、ビジネスとして利用しているユーザーはもちろんそれ以外の全ユーザーに大きな影響を与えている。先日一度廃止したURLカードの「見出し」と説明文が再び復活するとのことだが、実はこれ投稿する人、見るだけの人共に影響がある。 3ヶ月前に廃止されたURLカードの「見出し」が復活 https://twitter. com/elonmusk/status/1727500747711852560? s=20 2023年11月23日にイーロン・... --- ### ザ・ビートルズ Now And Then ジャケット・デザインの秘密 - Published: 2023-11-23 - Modified: 2023-11-24 - URL: https://bluetraff.com/nowandthen/ - カテゴリー: 音楽, デザイン - タグ: JacketArtwork, JacketDesign, ModernArt, Beatles, NowAndThen ビートルズ最後のシングル「Now And Then」。現代アーティストであるエド・ルシェ制作によるシンプルなジャケットに隠された謎をプロのデザイナーが解き明かす。またジャケット裏、時計のオブジェは何を意味するのだろうか 2023年11月3日に全世界で発売されたTHE BEATLES最後の新曲「Now And Then」。一般のニュースでも大きく取り扱われるなど、もはや単なるイギリスのロックバンドを超えた存在であることは多くの人が承知のことだろう。John Lennonによる感傷的な曲「Now And Then」と共に世間の注目を集めたのが衝撃的なジャケット・アートワークである。 Now And Then ジャケットアートワークの謎 THE BEATLES / Now And Then まずこのジャケットデザイン... --- ### OpenAIプログラミング本のカバーデザイン方法 - Published: 2023-11-17 - Modified: 2023-11-17 - URL: https://bluetraff.com/openai/ - カテゴリー: ブックデザイン／書籍, 実績 - タグ: IT本, #装丁, #ブックデザイン, #本のデザイン, #カバーデザイン プログラミング本カバーデザインの紹介。WEBサイトや店頭で目につくようにカバーとオビをデザインする必要がある。ただ美しいデザインではなく本が売れるようにデザインする必要がある 今やAIと言えば、ChatGPTというくらい今年になり急速に利用が広まった。そのChatGPTの開発元であるOpen AI社が提供するAPIがOpenAI APIだ。これはAI機能を独自のサービスに利用するためOpenAI APIを使いプログラミングで組み込む方法を解説した書籍である。その書籍の装丁を担当したので、そのデザイン制作過程を説明する。 デザインの条件や内容の確認 条件ジャンル：コンピューター・IT判型：B5変型（182×230mm）制作物カバー、オビ、本体表紙（1C）、大扉（1C）今... --- ### ブギウギ 笠置シヅ子の時代はロック、R&B、ジャズが生まれた日本ポピュラー音楽の大分岐点 - Published: 2023-10-18 - Modified: 2023-11-12 - URL: https://bluetraff.com/boogiewoogie/ - カテゴリー: その他 日本初の本格的ジャズ歌手笠置シヅ子とその師匠服部良一。2人は歌謡曲とジャズしかなかった昭和初期のポピュラー音楽界に先駆者として活動した。時代はロック、R&B、ポップスが誕生し、ジャズが分岐する激動の時代だった。 1948年（昭和23年）出版のオリジナル版 笠置シヅ子著「歌ふ自畫像──私のブギウギ傅記」の表紙より 笠置シヅ子がモデルとなったNHK連続テレビ小説「ブギウギ」が2023年10月2日（月）から放送されている。 https://www. nhk. jp/p/boogie/ts/NLPYVZYM29/ ドラマ「ブギウギ」を観て一口メモをXに投稿しています。ぜひご覧ください。 https://twitter. com/DoramaTantei ジャズ歌手である笠置シヅ子はその出自と数奇な運命から語られ... --- ### Appleに「お前のiPhoneは壊れました」と宣告されたが、なぜか直った話 - Published: 2023-09-20 - Modified: 2023-09-22 - URL: https://bluetraff.com/mobilenetwork/ - カテゴリー: その他 - タグ: iPhone, ios, リカバリー, 新トクするサポート, Apple ある日突然「モバイル通信の問題が検出されました」とiPhoneに表示されたらそれはハードウエアの故障なので高額な修理費が必要とAppleサポートに宣告された。それはもしかしてソフトウエアの問題かもしれない。83000円払うか！払わないか！ ほぼ2年前2021年10月に量販店にてソフトバンクの新トクするサポートを使い、iPhone 13 Pro 256GBを購入した。それまで新品で購入したiPhone 7 Plusを長く使っていたので、操作の軽さに驚き、指紋認証に比べFaceIDの使いにくさなどいろいろありながらも、気に入って使っていたのだが... https://bluetraff. com/iphone-13/ 謎のメッセージ “モバイル通信の問題が検出されました” そして2023年5月に事件は起きる。ある朝目覚めiPhone ... --- ### 「Clickではじめるノーコード開発入門」の装丁方法 - Published: 2023-06-23 - Modified: 2023-06-23 - URL: https://bluetraff.com/nocodeclick/ - カテゴリー: ブックデザイン／書籍, 実績 - タグ: IT書籍, ブックデザイン, エディトリアルデザイン, 装丁, ノーコード 書籍「Clickではじめるノーコード開発入門」の装丁は、売れるデザインを重視し、ECサイト上でもタイトルを読むことができる大きさのフォントサイズにし、またオビはメインキャッチコピーを中心にインパクトがあるデザインとしました。 日本語で開発からサポートまでできるノーコードを実現したClick Japan。その準備・導入から実際にSNSやオンラインショップの開発までを解説する書籍「Clickではじめるノーコード開発入門」の装丁を担当した。 仕様・条件 仕様 判型：B5判変形 色数　カバーとオビ：プロセス4C 本体表紙：特色1C 大扉：スミ1C デザインの条件 カバーまたはオビにスマートフォンの画面を必ず配置する 売れるようなデザイン 以上を念頭に置きながらサムネイルを描く サムネイル 思いついたアイデアをどんどん描いてゆ... --- ### メール営業は非効率！　それでも送りたい人のためのメール営業方法…というか作法 - Published: 2023-06-15 - Modified: 2023-07-03 - URL: https://bluetraff.com/maileigyo/ - カテゴリー: フリーランス／自営業, 営業 - タグ: フリーランス, 営業, 自営業, メール営業 メール営業は新規顧客獲得に効果なし。それでもどうしてもメール営業したい人のための最低限の作法を解説する。営業させてもらうという意識がないため本名、電話番号、地域なしでは単なる怪しい人だ。間違えると獲得どころかブラックリスト入りになってしまう 効率が悪いメール営業 まずいきなりだが、 面識のない相手にメール営業しても効果はゼロ これは実際にメール営業を何回か行った私が言うので間違いない。新規の顧客開拓をしたいが金がないから広告も出せないし、電話営業なんてもってのほか、これからブログに記事を書きSEO対策をしてSNSで拡散するのにも時間がかかる。そうなると自然と自分の仕事と関係がありそうな知らない相手にメールを送くる。しかし知らない相手から突然メールをもらった相手も「ちょうど探してしたので仕事をお願いします」とはならないのが普通。メール... --- ### 「サブカルチャーの心理学2」の書籍装丁とその制作実績 - Published: 2023-05-10 - Modified: 2023-05-10 - URL: https://bluetraff.com/subculture2/ - カテゴリー: ブックデザイン／書籍, 実績 - タグ: 装幀, ブックデザイン, エディトリアルデザイン, 装丁, 実績 書籍装丁の実績とその制作工程を説明する。今回は並製本（ソフトカバー）の「サブカルチャーの心理学2」のデザインを担当した。まず出版社が提案してきたデザインの方針3つを元にサムネイルを描き、そこからラフデザイン3案を仕上げる。 打合せ 2020年8月に「サブカルチャーの心理学」の装丁を担当し、約2年半後その続編である「サブカルチャーの心理学2」の装丁を担当した。 https://bluetraff. com/subculture_no_shinrigaku/ 前回は「サブカルカルチャー全盛の80～90年代のテイストで」という依頼の下、「そのまま」のデザインをしたら案の定「デザインが古い」という指摘があり修正したものであったが、それでも私自身「まだ古いかも」という印象を制作後も持っていた。しかし著者が「斜に構えていて良い... --- ### 装幀のプロが語る - 上製本と並製本の違いとデザイン実績 - Published: 2023-05-02 - Modified: 2023-05-02 - URL: https://bluetraff.com/hardcover/ - カテゴリー: ブックデザイン／書籍, 実績 「進化精神病理学 心理学と精神医学の統合的アプローチ」の装幀（装丁）を担当した。今まで多くの装幀を手掛けてきたが、今回の依頼は上製本（ハードカバー）の装幀である。上製本と言えば高額な書籍であり、その堅固さから専門書や長く手元に置いておくような本である。通常行っている並製本（ソフトカバー）とは、デザイン作業が少し異なるので、そのポイントを説明しながら同時に実績紹介をしてみたい。 「進化精神病理学 心理学と精神医学の統合的アプローチ」の装幀 編集者と打ち合わせをする。書籍の仕様は以下のようなものであ... --- ### Figma入門書3冊を徹底比較！ Web・UIデザインの基礎からチームワークまで - Published: 2023-04-22 - Modified: 2023-04-27 - URL: https://bluetraff.com/figmabooks/ - カテゴリー: アプリケーション, UI/UXデザイン - タグ: UXデザイン, WEBアプリデザイン, スマホアプリデザイン, 書評, UI, UX, アプリデザイン, UIデザイン スマホアプリ、WEBデザイン、UI/UXデザインをする場合今ではFigmaは必須のツールと言える。ツールの特徴であるコンポーネント、バリアント、オートレイアウトの各機能を習得するためのオススメFigma本3冊を比較・紹介する 2022年にAdobeがFigma（フィグマ）を買収、その後Adobeの実質的な競合アプリであるXDは単体アプリでの提供を終了した。その前には、統合開発環境であるAWS Amplify StudioがFigmaを正式にサポートすることにより、開発者はデザイン・フォーマットとしてFigmaを採用するようになった。現在プロトタイプツールとしては、Figmaがほぼ独占状態になったと言ってもいいだろう。実際Figma、sketch、Adobe XDなどの代表的なプロトタイプツール・アプリの使用率を見ると... --- ### デザイナーが契約を切られる時 - Published: 2023-03-07 - Modified: 2023-03-07 - URL: https://bluetraff.com/keiyaku-shuryo/ - カテゴリー: デザイナー, フリーランス／自営業, 営業 - タグ: デザイナー, 新規開拓, 営業, 契約 デザイナーとしての契約が終了する。真面目にやってきたのに契約を切られ傷つき落ち込む。有名無名問わずデザイナーなら誰もが経験することだ。自分のデザインが悪かったのか？そんなことはない。実は切られるのにはそれ以外の理由がある ドラマ「しょうもない僕らの恋愛論」を観て ある夜テレビを観ていたら、クライアントから無理な修正案を出され、先輩に相談をしている場面が偶然放送されているのを観た。2023年冬期ドラマとして放送中の「しょうもない僕らの恋愛論」だった。 https://www. ytv. co. jp/renairon/ 主人公のデザイナー・筒見拓郎（眞島秀和）は、今まで担当してきたマンガの装丁を、突然後輩のデザイナーに替えられショックを受ける。筒見のデザインは多くの人から絶賛され、賞も取っている。何故自分が切られた... --- ### 80’ｓ風ブックデザインの制作工程「CH55xでどうでしょう」 - Published: 2023-01-20 - Modified: 2023-01-20 - URL: https://bluetraff.com/ch55x/ - カテゴリー: ブックデザイン／書籍, 実績 - タグ: 80sデザイン, ブックデザイン, 装丁, 本文フォーマット, DTP組版 最近80年代風デザインが流行っている。しかし過去のデザインをそのまま流用してはいけない。そこには80年代デザインのテイストを活かしながらも、現代のデザインを取り入れなければ、ただの古いデザインになってしまう。 「CH55xでどうでしょう」のブックデザインを担当した。今回はカバーの装丁だけでなく、本文のフォーマット設計から本文のDTP組版まで、まるごと1冊のデザインを担当した。その工程と共に制作実績を紹介する。 本文フォーマット設計 本文フォーマットに関するメモ書き 今回デザインした本は、元々著者が電子書籍で販売したものに加筆・修正したものである。プログラミングの本ではなく、電子工作の本であり、ページ数も100ページ強と薄め。元本を読む限り、「章」「節」「項」などの章立てが細かくあるので、あまりゴテゴテ... --- ### Affinity 2 シリーズは、プロのツールとして使えるのか - Published: 2023-01-05 - Modified: 2023-05-30 - URL: https://bluetraff.com/affinity2series/ - カテゴリー: web, DTP, アプリケーション - タグ: #Publisher, #Affinity, #Adobe, #Designer, #Photo Affinity 2 シリーズはプロ・デザイナーのアプリとして使えるのか。現役のデザイナーがDTPとWEBデザインの両面から検証してみた 2021年に「Affinityシリーズは、プロのツールとして使えるのか」という以下の記事を書いたところ、多くの人に読んでいただいている。 https://bluetraff. com/affinityseries/ SNSでもAffinityシリーズに好意的な投稿は多いのだが、何故か欠点がほとんど言及されていない。Affinityシリーズは、Adobeの代替えアプリになるらしい。それらを鵜呑みにして、ろくに試用しないままAffinityシリーズ全てを購入したわけだが、予想以上に実務には使えなかっ... --- ### 「Google AppSheetで作るアプリサンプルブック」の装丁とその方法 - Published: 2022-12-15 - Modified: 2023-01-03 - URL: https://bluetraff.com/googleappsheetsample/ - カテゴリー: ブックデザイン／書籍, 実績 - タグ: #DTP, #装丁, #ブックデザイン, #bookdesign 「Google AppSheetで作るアプリサンプルブック」の装丁を担当した。カバー、オビ、本体表紙、本文大扉のデザイン方法とその工程を紹介する。 昨年弊社で装丁を担当し、大好評発売中の「Google AppSheet ではじめる ノーコード開発入門」。その続編となる「Google AppSheetで作るアプリサンプルブック」の装丁を担当した。その制作工程と方法を説明する。 https://amzn. to/3uLXmmr 仕様とデザインの方針 サイズ：B5変形（182×230mm）束幅カバー、オビ：20. 9mm束幅本体表紙：20. 4mm色数：4色 サムネイル制作 サムネイル 一応既刊「Google AppSheet ではじめる ノーコ... --- ### 「建築実務のプロが作ったRhinoとGrasshopperの本」本文フォーマット・デザインとDTP組版 - Published: 2022-11-09 - Modified: 2022-11-10 - URL: https://bluetraff.com/rhino-grasshopper-2/ - カテゴリー: ブックデザイン／書籍 - タグ: 本文フォーマット, ブックデザイン, DTP, InDesign, 書籍デザイン 3次元モデリングツールであるRhinocerosと、Rhinoceros上で動作するモデリングツール支援プラグインであるGrasshopper。従来は3次元デザイン分野での利用が中心だったが、建築分野での活用が広まっている。本書は建築実務での利用実例を示しながら解説する書籍である。その本文フォーマット設計とDTP組版を担当した。 制作条件 ターゲット：中上級者向けで建築実務者以上から洗練された雰囲気で、使用する色数を絞る。仕上がりサイズ：B5判正寸 サムネイル サムネイル 本文フォーマットを設計... --- ### ストックフォトサービスを使う危うさ - Published: 2022-10-19 - Modified: 2022-10-19 - URL: https://bluetraff.com/stockphoto/ - カテゴリー: デザイナー - タグ: stockphoto 今やWEBサイト制作や、広告制作に欠かすことが出来ない写真やイラストの素材ダウンロードサービス。ストックフォトサービスと呼ばれている。最近、有料・無料問わず規定に沿って正規にダウンロードして使用した素材が、実は権利者に無断でアップロードされている画像であったという案件が複数報道されている。デザイン制作者はこれらストックフォトサービスを信用して、画像やイラストなどの素材を使用しているわけだが、今この信用が揺らいでいる。下手をすれば、広告主などに対して大きな損害を与える可能性が高いからだ。 正規に購... --- ### Windows 10からWindows 11へのアップグレード - Published: 2022-10-13 - Modified: 2022-10-13 - URL: https://bluetraff.com/win10to11/ - カテゴリー: ソフトウエア - タグ: アップグレード, アップデート, Windows10, windows11, upgrade, update Windows 11が登場して1年、そろそろソフトウェアやドライバーなどの対応も落ち着いてきただろうと思い、仕事用のPCをWindows 10 ProからWindows 11 Pro（22H2）へ無料アップグレードしてみた。 アップグレードにかかる時間 Windows 10のWindows UpdateからWindows 11へのアップグレート・インストール中の画面 アップグレードにはどれくらいの時間がかかるのだろうか、これが一番気になりアップグレードが出来なかった。とくに仕事で使用しているPC... --- ### URLのリダイレクト方法 ─ SSL化後やAMP停止後にやること - Published: 2022-09-10 - Modified: 2023-11-27 - URL: https://bluetraff.com/urlredirect/ - カテゴリー: web, WordPress - タグ: .htaccess, SEO, AMP, SSL, リダイレクト WEBサイトを運営していると、必ず出てくるURLのリダイレクト（転送）などのURL正規化問題。そんなの自分には関係ないと思っている人もいるかもしれない。しかし、これがSEOにも大きく関わってくるとなれば、無視できなくなるだろう。それらの方法を出来るだけ簡潔に説明する。 URLのリダイレクト（転送）は何故必要なのか 今あなたが見ているこのWEBサイトの正規URLは、https://bluetraff. comである。これはGoogleの検索エンジンのデータベースにインデックス（Index＝登録）さ... --- ### 【制作実績】書籍の装丁─AWS Amplify Studioではじめるフロントエンド＋バックエンド統合開発 - Published: 2022-09-02 - Modified: 2022-09-02 - URL: https://bluetraff.com/awsamplifystudio/ - カテゴリー: ブックデザイン／書籍, 実績 - タグ: ブックデザイン, デザイン方法, 書籍装丁, IT書籍 書籍「AWS Amplify Studioではじめるフロントエンド＋バックエンド統合開発」の装丁を担当した。その制作実績の紹介、そして制作過程とその方法を解説する。 https://amzn. to/3q3oqej 制作条件 制作するのは以下・カバー・オビ・本体表紙・大トビラ制作条件は以下・サイズ：182×230mm・色数 カバー、オビ：4C、本体表紙：特色1C、本文大扉：スミ1C・束幅 カバーとオビ：22. 3mm、本体：21. 8mm企画書をもらい読み込む。 サムネイル 手描きのサムネイル ... --- ### 出来るデザイナーの条件：客の意見に耳を傾けてみる - Published: 2022-08-25 - Modified: 2022-08-25 - URL: https://bluetraff.com/kyaku-no-iken/ - カテゴリー: デザイナー 商業デザイナーは芸術家やアーティストではない。発注者である客の注文があってこそ成立する。デザイン制作をする中で客の注文を無視し、自分のデザイン思想を押し付けていないだろうか。客の注文に耳を傾けそれに従う。そうすれば結果自分のためにもなるのだ 自己プロデュースの音楽は案外つまらない CDやレコードの制作が豊富になってくると、初めは勝手が分からなかったプロデューサーの役割が分かってきて、全て自分でコントロールが出来るセルフ・プロデュースをしたくなるのがミュージシャンの性だろう。音楽制作のコスト管理から、バック・ミュージシャンや制作環境の選定まで、販売や営業、事務作業以外はほぼ全てが自分の思い通りにできる。アーティストとしては理想の環境であり、これほど自己の才能を何の制限もなく発揮できる場はないように思われる。しかし、実際に発売された音を... --- ### コーディングができないWEBデザイナーは、何をデザインしているのか - Published: 2022-08-13 - Modified: 2022-08-14 - URL: https://bluetraff.com/nonwebdesigner/ - カテゴリー: デザイナー - タグ: コーディング, WEBデザイン WEBデザイナーというものは、本来コーディングができて当たり前です。時々出会うコーディングができないデザイナーの何が問題なのでしょうか。コーダーから見るとそれがよく分かります。実際に経験したことからその理由を書いてみました。 WEBデザインとはコーディング込みだと思っていた ことあるごとに私がいろいろな所で言っている「コーディングができないWEBデザイナーはいらない」発言。そもそもはWEBデザイナーを名乗る人は、コーディングが出来るものだと勝手に先入観をもっていたのですが、いろいろな人と仕事をしていると、どうやらコーディングが出来ないWEBデザイナーがいることを知りました。私の場合WEBデザインは完全に独学であり、WEBデザインを学ぶ事＝コーディングが出来ることだと思い、HTMLとCSSの本を買ったことから始めました... --- ### 起業0→1の0.5が分かる。必見！【起業チャレンジ！覆面ビリオネア 90日間でゼロから100万ドルのビジネスを作り上げる】 - Published: 2022-08-05 - Modified: 2022-08-05 - URL: https://bluetraff.com/undercoverbillionaire/ - カテゴリー: フリーランス／自営業, 営業, マーケティング - タグ: テレビ番組, ドキュメンタリー, 起業, 物販 起業する人はもちろん物を売る人は必見 ビジネス関連のSNSアカウントで、先週末位から話題になっているアメリカ・ディスカバリーチャンネル制作のドキュメンタリー番組「起業チャレンジ！　覆面ビリオネア（原題：Undercover Billionaire）」。偶然スカパー経由で観ているディスカバリーチャンネルの番組表で見つけ、前知識なく何となくタイトルだけ見て録画して観たのだが、これが非常に面白い。調べてみると2019年の番組で、その再放送だったのだが私と同じように偶然観た人たちが話題にしていた。ディス... --- ### THE BEATLES / Get Back のデザインとアートディレクション - Published: 2022-07-29 - Modified: 2022-07-30 - URL: https://bluetraff.com/getback/ - カテゴリー: デザイン THE BEATLES2021～22年のGet Backプロジェクト。キービジュアルに使われたグラデーションが実は1969年に作られたものでそれが2022年の流行と重なっていた。このプロジェクトのデザインとアートディレクションについて解説 THE BEATLES（ザ・ビートルズ）の Get Back（ゲット・バック）プロジェクトが、2022年7月13日に無事に発売されたBlu-ray / DVD 3枚組によって完結した。皆さんはもう観ただろうか。内容に付いてはFacebookに書いたのでよかったら読んで下さい。 https://www. facebook. com/yonemotosatoru/posts/pfbid0y6U34iuyWzvWqtPdZ9YCS3Qnxhhnk9V54daWyW3dnmobqoEAtbwvfJkc2... --- ### 「68000とMacintosh Toolbox詳細」の装丁 - Published: 2022-07-21 - Modified: 2022-07-23 - URL: https://bluetraff.com/68000tomacintoshtoolboxshosai/ - カテゴリー: ブックデザイン／書籍 - タグ: ブックデザイン, 装丁, DTP, 実績 IT系書籍の装丁の依頼を請けました。その制作実績紹介と制作過程を解説します。 初代MacintoshのROM（HDDではない！）に内蔵されたプログラムToolboxを利用プログラミングし、アプリケーションの制作をする過程を解説した書籍の装丁依頼を請けた。いつもありがとうございます。 制作条件 Macマニアのための本である。判型：A5判正寸総ページ数：470ページ（分厚い）参考に本文一部のゲラをPDFでもらった。 サムネイル サムネイル いつも通りゲラを読み込み、類書を調査する。初代Macintosh関連の検索もして、関連記事や関連画像にあたる。そして、思いついたアイデアを... --- ### デザイナーと要件定義の関係 - Published: 2022-07-15 - Modified: 2022-07-15 - URL: https://bluetraff.com/yokenteigi/ - カテゴリー: デザイナー, web, UI/UXデザイン これからのデザイナーは要件定義に参加する必要がある。きれいな見た目を作るだけでなく、マーケティングの知識も必要だ デザイナーはスタイリッシュで格好いいデザインさえしていればいいという時代は終わった。特にWEBサイト制作においては、効果を正確に測ることができるようになったことで、乱暴に言えば効果が出ないWEBデザインは良くないと言える。デザイナーもマーケティング知識を身に着け、要件定義に参加する必要性が大きくなってきた。 先日「要件定義を理解してくれないクライアント」の記事を読んだ。とても分かりやすくまとめられている。デザイナー向けの記事ではないが、デザイナー側よりも、むしろ発注するクライアント側の人に特に読... --- ### 国立博物館のチラシ制作方法と実績紹介 - Published: 2022-07-03 - Modified: 2022-07-23 - URL: https://bluetraff.com/sakubun-competition/ - カテゴリー: チラシ／フライヤー - タグ: DTP, チラシ, フライヤー, A4 昭和館のコンクール告知チラシの制作過程と、その手順をていねいに解説。制作実績の紹介も兼ねている。 厚生労働省の国立博物館である、昭和館*からコンクール告知チラシの制作依頼をいただいた。代理店を通すなどの下請けではなく直請けなので、意思疎通を取りやすい。東京メトロ九段下駅を降り、武道館に向かう途中にある博物館である。戦中・戦後の国民生活に関する資料や情報の展示を行っている。 https://www. showakan. go. jp/events/sakubun/index. html （*人名ではないので「さん」「様」などの敬称は省略。） 打ち合わせ 制作するのは、昭和館を見学した小・中学生... --- ### WEBデザイナーが、DTPデザインの時に気を付けるポイント10 - Published: 2022-06-27 - Modified: 2022-06-27 - URL: https://bluetraff.com/webdesigner-dtp/ - カテゴリー: DTP 会社や店のチラシやポスターのデータを自分で作り、ネット印刷所へ入稿している人は多いだろう。そんな人達向けにDTPで印刷データを作る際に注意したいポイントを10コ挙げてみた。 タイトルは「WEBデザイナーが～」であるが、企業内の非デザイナーや個人で商売をやっている人の中でも、Illustratorを使い自分の会社や店のチラシやポスターのデータを作り、ネット印刷所へ入稿している人もいるだろう。そんな人達のために印刷データを作る際に注意したいポイントを順不同に10点挙げてみた。 1. 入稿前にはドキュメント情報パネルを確認する いくらWEBデザイナーでも色の指定は、RGBモードではなくCMYKモードで指定するくらいの事は知っているだろう。しかし印刷所へ入稿する前に、全ての... --- ### WordPressのプラグインなし、簡単バックアップ方法 - Published: 2022-06-14 - Modified: 2022-06-14 - URL: https://bluetraff.com/wordpress-backup/ - カテゴリー: web, WordPress - タグ: phpMyAdmin, WEBサイト管理, wordpress, バックアップ, ワードプレス, WEBサイト運営 WordPressで構築されたWEBサイトは、単純なHTMLで構築されたWEBサイトに比べると、不具合が出たり攻撃されたりする可能性が高い。そのような場合に備えてバックアップは必須となる。プラグインを使わず、簡単にバックアップをとる方法を初心者向けに紹介する。 WordPressのメジャーバージョンアップであるバージョン6. 0への更新通知が、多くの人に届いているだろう。マイナーバージョンアップであれば私の場合、影響も少ないと考えバックアップを取らずそのままバージョンアップしてしまうが、今回のよ... --- ### 書籍装丁の方法 - Swift PlaygroundではじめるiPhoneアプリ開発入門 - Published: 2022-05-19 - Modified: 2022-07-23 - URL: https://bluetraff.com/swiftplayground/ - カテゴリー: ブックデザイン／書籍 - タグ: ブックデザイン, エディトリアルデザイン, 装丁, 書籍 【書籍装丁の方法】カバー、オビ、本体表紙、大扉など書籍のデザイン方法を実績を紹介しながら解説する iPhoneやiPadアプリを作る場合、一般的にはSwift、少し前ならObjective-Cというプログラミング言語を使い開発をしていた。Macを使って。アプリを作る前にそれらプログラミング言語を習得しなければならず、プログラミング未経験者にとっては敷居が高かった。それが現在、SwiftはSwiftでもSwift Playgroundsという子供がプログラミング学習をするためのアプリがヴァージョンアップし本格的なiPhone、iPadアプリを作ることが出来るようになった。しかもiPad上で作る... --- ### 【デザイン】やってはいけない！ ふち文字加工（初心者向け） - Published: 2022-05-11 - Modified: 2022-05-11 - URL: https://bluetraff.com/fuchimoji/ - カテゴリー: 文字・フォント - タグ: illustrator, Photoshop, DTPデザイン, WEBデザイン, フチ文字, ふち文字, フォント ふち文字を安易に使ってはいけない。ロゴやタイトル以外で本文に使用する場合は注意が必要だ。 背景に画像の上に文字を載せる場合、背景と文字の色が干渉して読みにくくなることがある。その場合によく使われるのが文字にふちの加工を施したフチ文字だ。IllustratorやPhotoshopでの加工が簡単で、効果が分かりやすいために安易に使われることが多い。ただしフチ文字の処理をしたために逆に読みにくくなることもある。文字の処理方法は、プロデザイナーとノンデザイナーで大きく差が出る部分である。 文字に使うフチや影の種類 先日、あるバンドのCDライナーノーツに目を通していたらとても読みにくかった。職... --- ### 【2024年版】全SNSにオールマイティーなOGP画像サイズはこれだ！（X、Threads対応） - Published: 2022-05-04 - Modified: 2025-06-01 - URL: https://bluetraff.com/ogp_thumbnail/ - カテゴリー: web, WordPress - タグ: SEO, 画像加工, sns, ogp, twitter, facebook, LINE, linkedin, はてな, Threads 各SNSに対応したOGPサムネイル画像のサイズに悩む必要はない。1200?630pxの画像を用意し、中央寄せすればOK。Twitter、Facebook、LINE、Googleマップ、Googleビジネスプロフィール、LinkedInなど。詳細は以下解説。 各SNSによってそれぞれ表示されるOGPサムネイル（プレビュー）画像のサイズはまちまちだ。場合によっては必要な画像部分や文字がトリミングで切れてしまうこともある。各SNSに合わせたサイズのOGP画像を用意するのも合理的ではない。では1枚の画像ですべてのSNSに対応できるサイズはないのだろうか。 2024年6月1日に記事を更新し、Threads（スレッズ）の項目を追加 【いきなりまとめ】各SNSにオールマイティーなOGP画像のサイズは1200630px 1200630pxの画像をOGPサムネイル画... --- ### 書籍の本文レイアウト設計とその工程 - Published: 2022-04-04 - Modified: 2024-10-17 - URL: https://bluetraff.com/rhino-grasshopper/ - カテゴリー: ブックデザイン／書籍, 実績, エディトリアル・デザイン, レイアウト - タグ: 書籍設計, ブックデザイン, DTP, 組版, 本文フォーマット 本文フォーマット設計は、書籍の種類や内容を考慮し、読者にとって読みやすい本にすることが一番の目的である。そのレイアウトの方法とその工程を説明する。 Rhino × Grasshopper All in 1 パーフェクトリファレンス Rhino7対応の本文フォーマットデザインとDTPを担当した。その制作工程の紹介を兼ねながら、本文レイアウトデザインについて解説する。 本文レイアウトの前提 2017年出版のRhinoceros 逆引き コマンド・リファレンスと同じ著者による、Rhino × Grasshopper All in 1 パーフェクトの本文レイアウトデザインとDTPの依頼を請けた。今回はカバーや帯などの装丁部分の制作はない。編集者との... --- ### フリーランス/個人事業主デザイナーなら、自分で青色申告をしたほうがお得 - Published: 2022-03-29 - Modified: 2022-03-31 - URL: https://bluetraff.com/aoiroshinkoku/ - カテゴリー: その他, フリーランス／自営業 - タグ: #簿記, #デザイナーの日常, #経営, #確定申告, #デザイナー, #フリーランス, #個人事業主 個人事業主やフリーランスのデザイナーであれば、少し面倒でも青色申告を行ったほうがいい。デザインから最も遠い簿記をゼロから学び、自己申告をする方法を解説 今年（2022年）も2021年分確定申告の提出がなんとか終わった。フリーランスを含む、自営業のデザイナーは青色申告を自身で行っているだろうか。多くは複式帳簿のいらない簡易な白色申告で済ませていると思うが、デザイナーの場合、仕入れはなく、仕事に必要なものと言っても、書籍などの資料、数年に一度のPC本体や周辺機器、ソフトや文房具の購入くらいだろう。記帳もそれほど複雑ではないので、はじめは面倒だが青色申告にした方が圧倒的に得だ。 青色申告を自分でするメリット 多くの会社員のように会社に属して給与という... --- ### 【制作実績】書籍の装丁制作行程 ━ Power AutomateではじめるiPaaS開発入門 - Published: 2022-02-09 - Modified: 2022-06-15 - URL: https://bluetraff.com/work_powerautomate/ - カテゴリー: ブックデザイン／書籍, 実績 - タグ: ブックデザイン, 装丁, DTP 「Power AutomateではじめるiPaas開発入門」の装丁を担当した。 発注を請けてからデザイン制作、データの納品、見本誌到着までを紹介する。 「Power AutomateではじめるiPaaS開発入門」の装丁を担当した。発注を請けてからデザイン制作、データの納品、見本誌到着までを紹介する。 https://amzn. to/3stfD6a デザインの前提条件 今や業務で使うソフトはPCにインストールして使うものではなく、WEBブラウザーを通してクラウド上にあるソフトを使うのが一般的だ。Gmail、Googleスプレッドシート、Googleドキュメント、Googleカレンダー、Dropbox、Slack、Microsoft Office... --- ### DTPデザイナーがWEBデザインを習得する方法 - Published: 2022-01-31 - Modified: 2022-03-31 - URL: https://bluetraff.com/dtporweb/ - カテゴリー: デザイナー, フリーランス／自営業, DTP, パンフレット／リーフレットデザイン - タグ: WEBデザイン, アプリデザイン, フリーランス, DTP, デザイナー, 自営業 DTPデザイナーでもWEBデザインを習得しておいた方が今後のためになる。それはWEBの方が報酬額、案件数共に上だから。そして今後WEBデザイナーの需要は高まる。DTPデザイナーがWEBデザインを習得するための必要最低限の最短コースを説明する。 DTPデザインだけではこの先不安だ。そんなデザイナーも早いうちにWEBデザインを習得しておいたほうがいい。仕事も単価もWEBデザインの方が良いのだから。では実際どうやってWEBデザインを身につければ良いのか。DTPもWEBも並行で作業している私が、あなたがWEBデザインの知識が全くないことを前提に、習得方法を解説する。 WEBの方がDTPよりも仕事が豊富で、単価も高い 何故DTPデザイナーもWEBデザインを習得した方がよいのか？これは単純に仕事が豊富で、単価も高いからである。デザインを以下のよう... --- ### MarkdownからInDesignへの工程（実践編） - Published: 2021-12-15 - Modified: 2022-03-31 - URL: https://bluetraff.com/markdown-to-indesign2/ - カテゴリー: エディトリアル・デザイン, DTP - タグ: ブックデザイン, Markdown, Pandoc, ICML ライターがMarkdown（マークダウン）形式で原稿を書き、DTPデザイナーまたはオペレーターがその原稿を元に組版を行う。その工程はやや複雑だ。実際にDTPの現場で気がついたことを解説する。 ライターがMarkdown（マークダウン）形式で原稿を書き、DTPデザイナーまたはオペレーターがその原稿を元に組版を行う。前回はMarkdown形式の原稿をInDesignに取り込むまでの行程を説明した。実際に作業をしてみると、Markdown形式の原稿をInDesignに配置した場合、いくつかの問題が発生する。それほど難しいことはないのだが、通常の組版とは異なるため最初は戸惑うだろう。 https://bluetraff. com/2556/ 配置したテキストを整形する 前回の記事 4. テキ... --- ### 【iPhone 13】安く購入できるキャリア購入サポートプログラムは本当に得なのか - Published: 2021-10-28 - Modified: 2022-07-23 - URL: https://bluetraff.com/iphone-13/ - カテゴリー: ハードウエア - タグ: iPhone 最新iPhone本体のみを回線契約なしで購入できる、購入サポートプログラムが各キャリアで始まった。果たして普通にSIMフリー機を分割で購入するほうが得なのか、それともキャリアから本体のみ購入したほうが得なのか、実際ソフトバンクでiPhone 13 Proを購入してみた。 今まではSIMフリーの新品iPhoneを買おうと思ったら、Apple直営店か家電量販、または海外のECサイトしか購入ルートはなかった。しかし最近日本のキャリアから回線契約なしで、本体のみ購入することが出来るようになった。しかしこれには条件がある。果たして普通にSIMフリーを分割で購入するほうが得なのか、それともキャリアから本体のみ購入したほうが得なのか、実際ソフトバンクでiPhone 13 Proを購入してみた。 機種変更前の利用状況 長い間iPhone 7 Plusを使用してきた。iPhone... --- ### 【制作実績】書籍の装丁制作行程 ━ Office Scriptによる Excel on the web 開発入門 - Published: 2021-10-19 - Modified: 2022-03-31 - URL: https://bluetraff.com/work_excelontheweb/ - カテゴリー: ブックデザイン／書籍, エディトリアル・デザイン - タグ: #書籍, #エディトリアルデザイン, #コンピューター書籍, #DTP, #装丁, #ブックデザイン, #本 書籍制作の実績と装丁行程 ━ Office Scriptによる Excel on the web 開発入門 コンピューター関連書籍の装丁を担当した。デザインの発想から印刷入稿データ作成までの行程を解説する。 Office Scriptによる Excel on the web 開発入門 【Office Scriptによる Excel on the web 開発入門】の装丁を担当した。その実績紹介とデザインの発想から印刷入稿までの過程を解説する。 デザインの前提条件 Excelと言っても、今までのPCにインストールして利用するOfficeではなく、ブラウザーを通して利用するWEB版Excelに、Office Scriptを使い開発をする解説書。WEB版Excelの類書はなく、Office Scriptの... --- ### 【レイアウト】不適切な色のコントラストと空きが引き起こす誤認 - Published: 2021-10-11 - Modified: 2022-03-31 - URL: https://bluetraff.com/layout_contrastandspace/ - カテゴリー: エディトリアル・デザイン, UI/UXデザイン, レイアウト デザインにおいて各要素間の色のコントラストや空き（スペーシング）を間違えると、読者にとって読みにくいどころか、場合によっては誤認させ不利益を与えてしまう。これはWEBサイトだけでなく、チラシやパンフレット、書籍など文章を扱うデザインに共通の問題だ。 デザインにおいて各要素間の色のコントラストや空き（スペーシング）を間違えると、読者にとって読みにくいだけではなく、場合によっては誤認させ不利益を与えてしまう。いわゆるBad UIである。実際の例を通して色のコントラストと空きの改善点を説明する。これはWEBサイトだけでなく、チラシやパンフレット、書籍など文章を扱うデザインに共通の問題だ。 誤認させてしまうレイアウト 先日、ある企業の情報サイトを見ていて非常に分かり難く感じたページがあった。以下の画像はそのページを再現したものである。 ある企業の情... --- ### 【DTP／印刷】特色 金・銀の発色を良く印刷する方法 - Published: 2021-09-27 - Modified: 2022-03-31 - URL: https://bluetraff.com/dtp_goldandsilver/ - カテゴリー: DTP - タグ: 特色版, DTP, 蛍光色, 特色, 金銀 特色版を作りそのまま印刷しても問題はないが、より鮮やかに発色させるには下に色を敷けばよい。その方法を解説する。 特色の金や銀を印刷で使うことは多い。特色版を作り、そのまま印刷しても問題はないが、より鮮やかに発色を良くする印刷方法を解説する。これは印刷会社に勤めている時に製版技術者に聴いた方法で、DTP以前のアナログ製版の時代から使われている方法である。 特色金・銀の下にプロセスカラーを敷く 以前、以下のようなツイートをした。 https://twitter. com/YonemotoDezain/status/1221708214506573824 以上が全てなのだが、少しだけ詳しく説明する。 特色金、例... --- ### 【レイアウト】視線の方向を効果的に使う - Published: 2021-09-15 - Modified: 2022-03-31 - URL: https://bluetraff.com/layout_lineofsight/ - カテゴリー: エディトリアル・デザイン, UI/UXデザイン, パンフレット／リーフレットデザイン, レイアウト - タグ: 画像, レイアウト, エディトリアル, 編集デザイン, UX, チラシ 人物画像の視線の先には文章がある。そうすれば断然読者は文章を読みやすくなる。 視線の先に何があるのか、人は気になるのである。 逆に視線と逆に文章があると、デザインは散漫なものになり読者は文章に集中できなくなる。 人物画像の視線の先には文章がある。そうすれば断然読者は文章を読みやすくなる。視線の先に何があるのか、人は気になるのである。逆に視線と逆に文章があると、デザインは散漫なものになり読者は文章に集中できなくなる。 大分前だが、以下のようなツイートをしたことがある。その後、このツイートを見たという何人かに詳細の説明を求められたのでまとめてみた。 https://twitter. com/YonemotoDezain/status/1271021893521473537 視線の先に文章を配置する 文章の中... --- ### 【WordPress】アップロードした画像の色がくすむ場合の対処法 - Published: 2021-09-09 - Modified: 2022-03-31 - URL: https://bluetraff.com/wordpress_imagecolor/ - カテゴリー: WordPress - タグ: wordpress, 画像加工, Photohsop, AffinityPhoto Photoshopなどの画像加工アプリで、画像を加工した後、WordPressにその画像をアップしたら色がくすむ（彩度が落ちる）のは、その画像にカラープロファイルが埋め込まれていることが原因の場合がある。 Photoshopなどの画像加工アプリで画像を加工した後、WordPressにその画像をアップしたら色がくすむ（彩度が落ちる）のは、その画像にカラープロファイルが埋め込まれていることが原因の場合が多い。 本来の彩度（鮮やかさ）が失われた画像になってしまう Photoshopなどの画像加工アプリで画像を加工した後、WordPressにその画像をアップしたら色がくすむ（彩度が落ちる）経験をしたことはないだろうか。 https://twitter. com/YonemotoDezain/status/... --- ### 学習塾のチラシ・デザイン制作の方法【実績紹介】 - Published: 2021-09-06 - Modified: 2022-03-31 - URL: https://bluetraff.com/work_flyer_gakushujuku/ - カテゴリー: チラシ／フライヤー, 実績, DTP - タグ: チラシ, 学習塾, プログラミング教室, 新聞折り込み 【学習塾チラシ制作の注意点と実績紹介】学習塾のチラシはやたらと文字が多い。しかし人は文字を読まない。せいぜいヘッダーの大きな画像と大きなキャッチコピーくらいだろう。チラシですべてを伝えるのではなく、チラシを見て詳しく知りたいと思わせWEBサイトに誘導するのが学習塾のチラシを制作する上での注意点だ。 完成したチラシデザイン 新しく開塾した学習塾とプログラミング教室のチラシデザイン制作を請けた。今回は1週間弱でデザイン制作と、印刷物を複数の場所に納品するという非常に厳しいスケジュールを遂行した。デザイン制作に掛けることのできる時間は実質4日間。この間に発注者と最低三校はやりとりをしなければならない。よって通常の制作工程とは異なる体制で挑んだ。 デザイン条件 打ち合わせ時にデザインの条件をヒアリングする。 A4判4C / 4C （両面カラー印刷）印刷枚数は10,000枚そのうち8割は新聞折り込み... --- ### デザイナーのトラブルはだいたい契約関係 - Published: 2021-08-23 - Modified: 2022-03-31 - URL: https://bluetraff.com/keiyakutrouble/ - カテゴリー: デザイナー, フリーランス／自営業, 営業 - タグ: トラブル, 契約, 口約束 契約書を交わしているデザイナーはどれくらいいるだろう。口約束だけで仕事を請けていないだろうか。これはかなり危険で、納品後にトラブルになったことがある自営業デザイナーは多いはずだ。こういったトラブルは契約書を交わせばまず起きない。 個人事業主のデザイナーで、案件ごとに契約書を交わしている人はどれくらいいるだろうか。複数人が所属するデザイン事務所などの法人がデザイン業務を請け負う場合、必ず契約書は交わすだろう。しかし個人事業主のデザイナーの場合、口約束または契約に必要な最低限のことが書いていない簡単なメールのやり取りだけで仕事を請け、納品している場合が実に多い。これはかなり危険で、報酬の未払い、減額、作業内容が思っていたのと違ったなど、納品後に問題になったことは多くの自営業デザイナーが経験していることだろう。こういったトラブ... --- ### 小企業や個人事業主に最適なWordPressテーマとは？ - Published: 2021-08-11 - Modified: 2023-03-10 - URL: https://bluetraff.com/wordpress_besttheme/ - カテゴリー: web, WordPress - タグ: 有料テーマ, SEO, コーポレートサイト, WEBサイト, WEBデザイン, WEBサイト運営, WordPressテーマ, 無料テーマ WordPressのテーマは何を選べばよいのか。テーマによってそれほど差異はないので無料テーマで十分と答える。有料版と無料版の差はどこにあるのだろうか。またテーマを選ぶ基準はどこにあるのだろうか。 WEBサイトの制作や相談を受けていると「WordPress（ワードプレス）のテーマは何を選べばよいのか」という質問をよくもらう。これは新規でWEBサイトを開く場合はもちろん、既にWordPressでWEBサイトを運営している個人商店などからも質問される。その時はいつも、テーマによってそれほど差異はないので無料テーマで十分と答える。 企業がWordPressでコーポレートサイトを構築する意味 今時、小企業や個人事業主でも、業務を行っている限り自社WEBサイトを持っていないというのは、ネット上だけで... --- ### WebとDTPデザイン 文字サイズの単位 - Published: 2021-07-29 - Modified: 2024-12-13 - URL: https://bluetraff.com/fontsize/ - カテゴリー: UI/UXデザイン, web, エディトリアル・デザイン, 文字・フォント, DTP - タグ: 歯数, WEBの文字サイズ, DTPの文字サイズ, アプリデザイン, フォントサイズ, DTP, WEBデザイン, 文字サイズ, 級数 WEBサイトのようなモニターに表示されるものは、ピクセル（px）。 紙媒体の場合は、級（Q）にする。 WEBサイト、アプリ、書籍、チラシなどのデザインをする上で、文字サイズの単位は重要である。 基本はそれぞれのベースとなる単位を元にする。それは文字も一つのデザイン・オブジェクトと考えると、レイアウトをする場合に計算が容易だからである。 WEBサイト、アプリ、書籍、チラシなどのデザインをする上で、文字サイズの単位は重要である。基本はそれぞれのベースとなる単位を元にする。それは文字も一つのデザインオブジェクトと考えるとレイアウトをする場合に計算が容易だからである。WEBサイトのようなモニターに表示されるものは、ピクセル（px）。紙媒体の場合は、級（Q）に統一する。 モニターに表示するものは「ピクセル（px）」 WEBサイトのデザイン、スマートフォンやタブレット用のアプリ、これらユーザーがモニターに表示されたものを見る媒体の場合、文... --- ### Affinityシリーズは、プロのツールとして使えるのか - Published: 2021-07-05 - Modified: 2023-05-30 - URL: https://bluetraff.com/affinityseries/ - カテゴリー: DTP, アプリケーション, UI/UXデザイン, デザイナー, web, エディトリアル・デザイン, ソフトウエア - タグ: #Adobe, #Affinity, #AffinityDesigner, #AffinityPhoto, #AffinityPublisher Affinity Photo、Affinity Designer、Affinity PublisherはAdobe代替えソフトの最右翼だろう。プロの現役デザイナーが購入し仕事のツールとして使ってみた結果… この画像はAffinity Photoで作成 グラフィック・アプリとして、今や業界標準のAdobe社のアプリ。その牙城を崩すべく... ... かどうかは分からないが、対抗アプリの最右翼としてイギリス・Serif（セリフ）社がリリースしている、Affinity Photo（アフィニティー・フォト）、Affinity Designer（アフィニティー・デザイナー）、Affinity Publisher（アフィニティー・パブリッシャー）の3つのアプリからなるAffinityシリーズ。検索すると、失礼... --- ### 飲食店のテイクアウト／持ち帰り用資材制作 - Published: 2021-06-25 - Modified: 2022-03-31 - URL: https://bluetraff.com/work_inshokuten-shizai/ - カテゴリー: チラシ／フライヤー, その他, 名刺／ショップカード, 実績 - タグ: 包装紙, シール, 飲食店デザイン, テイクアウトステッカー, 持ち帰りステッカー, テイクアウトシール, 持ち帰りシール, 飲食店, テイクアウト, 持ち帰り, 弁当 テイクアウト／持ち帰りする人には、従来の出前とは異なり、今まで一度も来店をしたことがない人も多い。そこで重要となるのが、それら資材のデザインである。そのような客にとって、包装紙、シールのデザインは、小さいながらも店の印象を大きく左右する要因になりうる。ここ数年、弊社で制作した、それらの資材類を紹介する。 新型コロナの影響による、テイクアウト／持ち帰り需要の増加により、飲食店用容器類の需要が増加している。それに伴い、容器を包む包装紙やシール、ステッカー、袋の需要も高まっている。テイクアウトする人には、従来の出前とは異なり、今まで一度も来店をしたことがない人も多い。そこで重要となるのが、それら資材のデザインである。そのような客にとって、包装紙、シールのデザインは、小さいながらも店の印象を大きく左右する要因になりうる。ここ数年、弊社で制作した、それらの資材類を紹介する。 容器に貼るステッカー制作 飲食... --- ### 書籍の装丁／ブックデザインの方法と実績の紹介 ━ Google AppSheetではじめるノーコード開発入門 - Published: 2021-06-23 - Modified: 2022-03-31 - URL: https://bluetraff.com/work_googleappsheet/ - カテゴリー: ブックデザイン／書籍, 実績, エディトリアル・デザイン, DTP - タグ: 書籍, 書籍デザイン, AppSheet, Google, デザイン方法, デザインの仕方, デザイン入門, デザイン初心者, 本のデザイン, ブックデザイン, エディトリアルデザイン, 装丁, DTP 書籍の制作実績紹介と、その制作過程を説明する。IT系書籍でプログラミング関連だが、ビジネスよりなので、そこに留意して、今回デザイン制作を行った。そのデザイン工程を詳細に解説。 ノーコード、ローコードによるアプリ開発がブームである。類書がまだ少ない中、書籍の装丁／ブックデザインの依頼をいただいた。書籍タイトルは「Google AppSheetではじめるノーコード開発入門」。その制作実績の紹介と、制作工程を解説する。 仕様 今後、話題のノーコードやローコードに関する書籍は、多く出てくるであろう。しかしまだ類書はす少ない。今回の書籍は、先月装丁を担当した、Power Appsではじめるローコード開発入門と同系統の書籍である。 https://bluetraff. com/2... --- ### デザイン料金の決め方 - Published: 2021-06-13 - Modified: 2022-08-18 - URL: https://bluetraff.com/designprice/ - カテゴリー: デザイナー, フリーランス／自営業, 営業 - タグ: デザイン料, デザイン見積もり, 見積もり, アド・メニュー, フリーランス, 自営業, デザイン料金, デザイン制作費 料金を決めなければ、見積もりを出せない。適当に安くすれば、後からその安い料金で、発注が続き後悔する。逆に高く言えば、せっかくの依頼を逃すかもしれない。これは個人事業主としても、社員を抱える経営者としても大問題だ。 デザイナーが独立して、最初にぶつかる問題。デザイン料金は、どうやって決めればよいのだろうか。独立して大分経つ私でも、この問題で悩むことがある。しかし料金を決めなければ、見積もりを出せない。適当に安くすれば、後からその安い料金で、発注が続き後悔する。逆に高く言えば、せっかくの依頼を逃すかもしれない。これは個人事業主としても、社員を抱える経営者としても大問題だ。迷った時は、単純に作業時間から換算するしかないのだろうか。 そもそもデザイン料金は決めにくい デザイン制作というものは、定性的で属人性の強い... --- ### リーフレット（パンフレット）のデザイン方法 - Published: 2021-06-05 - Modified: 2022-06-15 - URL: https://bluetraff.com/leaflet-arch/ - カテゴリー: リーフレット, パンフレット, パンフレット／リーフレットデザイン - タグ: 会社案内, サービス案内, 印刷物, デザイン, DTP, パンフレット, リーフレット, チラシ リーフレット（パンフレット）の実際のデザイン方法を実績と共に紹介する。1枚で構成されたチラシとは異なり、表裏中面の構成とページ遷移を考えることが重要である。 サービス案内用リーフレット（パンフレット）の制作依頼をいただいた。犬のしつけやトレーニングのサービス。実際のリーフレット制作手順を実績紹介と共に解説する。 リーフレット設置例 制作条件 A4判2つ折りリーフレット※で、仕上がり後のサイズはA5判。用紙は、コート紙110kg。デザインのテーマは、人と犬の親和。 リーフレットとパンフレットの違い 厳密には、以下のように分類されている。 リーフレット-----1枚の紙を折りたたんだものパンフレット-----複数の紙を綴じたもの 今回は、1枚の紙を2つ折... --- ### WordPressを自社運営するのであれば、放置は永遠にない - Published: 2021-05-31 - Modified: 2022-08-18 - URL: https://bluetraff.com/wordpress-unei/ - カテゴリー: web, UI/UXデザイン, WordPress - タグ: ワードプレス, WordPress運営, WordPressバージョンアップ, WEBサイト制作, ホームページ運営, WEBサイト運営, WordPress制作, WordPressデザイン, wordpress, ホームページ制作, WEBデザイン, ホームページデザイン 便利で、安価にWEBサイトを制作できるWordPressだが弱点もある。 それはWordPress自体の弱点ではなく、運営する側の問題だった。 WordPressでWEBサイトを構築したのなら、常に最新にしておかないとならない。 全世界のWEBサイトの中で、WordPressのシェアが、40％を超えたそうである。 Q-Successは2月10日(米国時間)、「40% of the web uses WordPress」において、世界中のWebサイトにおけるWordPressのシェアが40%を超えたと伝えた。WordPressは過去10年間、ほぼ同じ成長率で増加を続けている。現在のところWordPressのシェアが減少に転じる理由は見つかっておらず、今後も同様のペースでシェアの増加が続くものとみられる。https://ne... --- ### 書籍の装丁「Power Appsではじめるローコード開発入門」 - Published: 2021-05-21 - Modified: 2022-04-05 - URL: https://bluetraff.com/power-apps/ - カテゴリー: ブックデザイン／書籍, 実績, エディトリアル・デザイン - タグ: オビデザイン, Power Apps, Power FX, 開発入門, ローコード開発, ノーコード, ローコード, 業務アプリ, 入門書, ブックデザイン, エディトリアルデザイン, 文字組み, カバーデザイン 【制作実績】書籍の装丁「Power Appsではじめるローコード開発入門」の装丁を担当した。その制作工程を詳細に解説。 【制作実績】の新規紹介。Microsoft社のPower Appsを利用した、今話題沸騰中の「ローコード、ノーコード」での業務アプリ開発入門書の装丁を担当した。昨年辺りから、非プログラマーの人が、業務用アプリの開発が出来る「ローコード、ノーコード」がニュースでも採り上げられる機会が多くなったが、まだ類書は少ないのが現状。 https://amzn. to/3vbgTLq 見本誌が到着 まずは、届いた見本誌を見ながら、印刷状態とデザインをチェック。 オビ付きカバー　表1 オビ付きカバー　表4 カバ... --- ### デザイナーに「途中でいいから見せて」は禁句だった - Published: 2021-05-18 - Modified: 2022-08-18 - URL: https://bluetraff.com/design-no-tochu/ - カテゴリー: 営業, アプリケーション, UI/UXデザイン, デザイナー, web, その他, エディトリアル・デザイン - タグ: ホームページデザイン制作, グラフィックデザイナー, エディトリアルデザイナー, 広告デザイン, デザイナー, WEBデザイン, ホームページデザイン, WEBデザイン制作 WEBデザイナー、ロゴデザイナー、チラシや書籍など紙媒体のデザイナーなど、発注者に「途中で良いので見せて」と言われた事はないだろうかデザイナーからすると「見せても意味がない。むしろ試行錯誤中のデザインは、余計な印象を持たれたくないので見せたくない」のが本音。少しイライラもするし。 WEBデザイナー、ロゴデザイナー、チラシや書籍など紙媒体のデザイナー、門外漢だがアパレルデザイナーなど、デザイナーと名の付く職種の人は皆経験していると思うのだが、発注者に「途中で良いので見せて」と言われた事はないだろうか。発注者としては「高い金を払っているのだから失敗はしたくない」「方向性が大きく異なると困る」「納期に間に合うか心配」との理由から、このような発言をするのだろうが、それを言われたデザイナーからすると「見せても意味がない。むしろ試行錯誤中のデザインは、余計な印象を持たれたくないので見... --- ### 使いにくい公共サービスサイトが、何故出来てしまうのか？ - Published: 2021-05-11 - Modified: 2022-08-18 - URL: https://bluetraff.com/public-services/ - カテゴリー: デザイナー, web, アプリケーション, UI/UXデザイン - タグ: UX, ユーザビリティ, ホームページデザイン, WEBアプリ, スマートフォンアプリ, アプリ, WEB制作, ホームページ制作, WEBデザイン, UI 一言で言えば、これらの公共サービスを手掛けている大手開発企業には「デザイン工程がない、もしくはデザインを軽視している傾向がある」だった。だから使いにくくて、分かりにくいWEBサイトやアプリが出来上がってしまうのだ。 ここ数年、マインナンバーカードやe-Taxなどの利用者拡大に加え、新型コロナによる在宅勤務や外出自粛による、ネットサービスの利用が急増したせいなのか、公共サービスのWEBサイト、アプリの不具合や使いにくさが話題になる事が多くなった。これを書いている間にも、コロナ・ワクチン接種の申し込みWEBサイトの使いにくさが、話題になっている。最近、私の所にも公共サービスのUI/UX改善依頼や、公共サービスを多く制作している大手企業からのアプリのUI/UX制作の依頼が増えてきた。それらの中で、普段多く請けてい... --- ### MarkdownからInDesignへの工程（準備編） - Published: 2021-04-07 - Modified: 2022-08-18 - URL: https://bluetraff.com/markdown-to-indesign-1/ - カテゴリー: エディトリアル・デザイン, DTP - タグ: PowerShell, InDesign, Pandoc, ターミナル, Terminal, エディトリアルデザイン, DTP, 組版, Markdown これからMarkdown記述の原稿を扱うDTPデザイナー及びオペレーターの人向けに、Markdown原稿をInDesignに配置する工程を分かりやすく解説する。 近頃Tech系ライターの原稿はMarkdown（マークダウン）記述が多いと編集者から聴いた。そしてDTP作業に必要な原稿がMarkdown記述だった。作業に必要なためMarkdown記述の原稿をInDesign（インデザイン）に取り込む方法を調べたが、某DTPで有名なサイトでも記事が書かれたのが4年前で、しかも内容が中途半端で分かりにくい。1年前の比較的新しい記事でも、書いているのがエンジニアのためか、技術的で興味本位の記事のため仕事には役に立たないものばかり。Markdown自体は10年以上前... --- ### デザイナーのためのBracketsからVisual Studio Codeへの移行 - Published: 2021-03-29 - Modified: 2022-08-18 - URL: https://bluetraff.com/brackets-to-visualstudiocode/ - カテゴリー: web, ソフトウエア - タグ: ブラケッツ, brackets, visualstudiocode, visualstudiocode日本語, ライブプレビュー Adobeが開発していた無料のテキスト・エディターBrackets（ブラケッツ）が、サポート終了となる。使用していたデザイナーは、今度Visual Studio Codeを使用することになる。そこでVisual Studio Codeの設定方法を解説する。 Bracketsのサポート終了 Adobeが開発していた無料のテキスト・エディターBrackets（ブラケッツ）が、2021年9月1日をもってサポート終了となった。サポートは終了するが、特に大きな問題もないので使い続けても問題ない。公式サイトでは、ダウンロードのリンクが削除されているため、必要であれば下記記事からダウンロードして、インストーラーを保存しておいた方が良いだろう。WEBデザイナーでBracketsをテキスト・エディターとして使用している人は多い。私の場合、Brackets環境は残しつ... --- ### デザイナーになる前に、組織で働くということ - Published: 2021-03-23 - Modified: 2022-08-18 - URL: https://bluetraff.com/designer-ni-narumae/ - カテゴリー: デザイナー - タグ: エディトリアルデザイン, デザイナー, ラフデザイン, WEBデザイン WEBや書籍、または学校などでデザインを学んだ後は、短期間でも良いので、制作会社やデザイン会社で働くことを勧めている。 最近は、WEBや学校などでデザインを学び、いきなりフリーでデザイナーの仕事を始める人が増えているようだ。「ようだ」というのも、このようにデザインを学んだ人が、実践に使えるかどうか分からないからだ。それはWEBや書籍に書いてある事しか知らないからである。SNSで有名な制作会社の社長が、常日頃「独学やプログラミング・スクールだけで学んだエンジニアは採用しないと」公言しているのも少し分かるような気がする。一人で作業が完結する場合は問題ないが、デザイナーやエンジニアと共同作業する場合には、WEBや書籍に... --- ### 「デザインする」という事は「いかにもなデザインをする」ことでもある - Published: 2021-03-19 - Modified: 2022-08-18 - URL: https://bluetraff.com/ikanimo-design/ - カテゴリー: デザイナー - タグ: デザイナー, 発想, 職人デザイナー, アーティスト・デザイナー プロのデザイナーとして要求される事はいかにもなデザインを制作することでもあるのだ。目的に合ったデザイン、注文主から要求されるデザイン、使用する者が使いやすいデザインなど、仕事をする上で、デザイナーの主観や主張が優先されるデザインはほぼない。デザイン制作をするデザイナーの作家性は必要ない。これは私が良く言うアーティスト・デザイナーと対比する、職人デザイナーというやつである。世間で職業をデザイナーと名乗る人は、ほぼ職人デザイナーと言って良い。 いろいろな所で何度も書いていることだが、デザイナーに成り立ての頃は誰でもよし、いままで誰も思いつかなかった、すごいデザインをしてみせると志が高く、自然と鼻息も荒くなる。しかし、日々客からの依頼でデザイン制作をしてゆく過程で、そこには誰も思いつかなかったすごいデザインをする余地が無いことに気が付く。プロのデザイナーとして要求される事はいかにもなデザインを制作することでもあるのだ。目的に合ったデザイン、注文主から要求されるデザイン、使用する者が使いやすいデザインなど、仕事をする上で、デザイナーの主観... --- ### 何でも1つのものに頼ると危険という話 - Published: 2021-03-12 - Modified: 2022-08-18 - URL: https://bluetraff.com/hitotsu-ni-tayoru/ - カテゴリー: フリーランス／自営業, 営業 - タグ: 新規開拓, 営業, 自営業, 独立 何でもそうだが、一つの物や事に注力や固執し過ぎると、それが失われた時に大きな損失を生じる。物事は諸行無常、永遠に続くものなどない。しかし、物事が上手く進んでいると人はそれを忘れていまう。それは、ECサイトや投資はもちろんBtoBにも及ぶ。 何でもそうだが、一つの物や事に注力や固執し過ぎると、それが失われた時に大きな損失を生じる。物事は諸行無常、永遠に続くものなどない。しかし、物事が上手く進んでいると人はそれを忘れていまう。それは、ECサイトや投資はもちろんBtoBにも及ぶ。先日、象徴的なニュースがあった。 https://twitter. com/YonemotoDezain/status/1367389721266110468? s=20 Uber Eatsが配達員の報酬額を下げるという報道。元々Uber側が永久に報酬額を維持す... --- ### デザイナー向け超初心者コマンド入力入門──コマンド入力は、これだけ分かればいい - Published: 2021-03-08 - Modified: 2022-12-17 - URL: https://bluetraff.com/command-input/ - カテゴリー: デザイナー, web, その他, エディトリアル・デザイン - タグ: コマンド入力, CUI, コマンドプロンプト, PowerShell コマンド入力の超超入門編。PowerShellとターミナルの起動からcdコマンドの入力方法まで、初心者に向けて、できるだけわかりやすく解説 便利そうなプログラムをインストールしようとして、WEBサイトの解説を見たら、 npmコマンドでgulp-cliをグローバルにインストールする npm install --global gulp-cli と書いてある。ここでnpm、gulp-cli、グローバルという単語は抜きにして、コードみたいなものが出てきた瞬間に「これは無理だわ」と、あきらめてしまう人が多いのではないだろうか。このコードみたいなものはコマンドと呼ばれ、マウスを使わずキーボードのみを使い、PCに指示を与える。コマンドには様々な使... --- ### BracketsはWEBだけでなくDTPデザイナーにとっても必須となった - Published: 2021-03-02 - Modified: 2022-11-17 - URL: https://bluetraff.com/brackets/ - カテゴリー: デザイナー, エディトリアル・デザイン, ソフトウエア, DTP - タグ: マークダウン, WEB制作, DTP, コーディング, Markdown 無料テキスト・エディターBrackets（ブラケッツ）のダウンロードはこちらから。すでに開発が終わり、サポートも9月までとなっている。WEBやアプリ制作の他に、これからはDTPでも使うことになりそうだ。 Adobeが開発していた無料テキストエディターBrackets（ブラケッツ）。現在私は、主にWEBサイトとアプリ制作時のコーディングに利用している。一番初めはDreamweaverを使っていたが、ヴァージョンを重ねるうちに重くなり、また当時はまだ初心者であったためコードの直打ちも出来ず、Dreamweaverがないとコーディング作業が出来ないというのも難点であった。そこから脱すべく、まずSublime Textを使い、Atomを使い、Bracketsに至った。Sublime TextからBrac... --- ### 書籍の縦組み横組みを、読者視点から制作者が考える - Published: 2021-02-27 - Modified: 2022-04-05 - URL: https://bluetraff.com/tategumi-yokogumi/ - カテゴリー: デザイナー, web, エディトリアル・デザイン, 文字・フォント - タグ: 本, 出版, 縦組み, 横組み, エディトリアルデザイン, DTP, 組版, 書籍 読者として読みにくい組方向がある。「組版ルール」や「これが読みやすいと言われている」などの規則や慣習は抜きにして、読者の一人として文章が読みやすい、読みにくいが制作者とは別にある。 現在、出版されている日本語の書籍には縦組みと横組みがある。長年エディトリアル・デザイナーとして、多くの書籍の本文フォーマット・デザインや組版に携わってきた。そこでは縦組みか横組みかを決める明確な定義はない。しかし読者として読みにくい組方向がある。「組版ルール」や「これが読みやすいと言われている」などの規則や慣習は抜きにして、読者の一人として文章が読みやすい、読みにくいが制作者とは別にある。 業界の慣習としての組方向 内容によりこれは縦組みで、これは横組みという明確な定義はないので、縦組みでも横組... --- ### “職人”デザイナーとして心がけていること - Published: 2021-02-23 - Modified: 2022-08-18 - URL: https://bluetraff.com/craftsman-designer/ - カテゴリー: デザイナー - タグ: デザイナーの心構え, デザイナー, アーティスト系デザイナー, 職人系デザイナー, デザイナーになるには 注文主の意見により、自分の思い描いた通りのデザインができないことが不満で、デザイナーを目指すことを辞めたとか。その人はデザイナーを職業にしなくて正解。有名になっても自分が思い描いた通り、自分のやりたいように100％できる商業デザインなどないからだ。 まだデザインの仕事を初めて間もない頃、友人や知り合いと「何やってるの？」「デザイナーやってる」などと会話をしている中で、よくあったのが「デザイナーって、自分の好きなデザインができないから辞めた」という会話。どうやら、注文主の意見により、自分の思い描いた通りのデザインができないことが不満で、デザイナーを目指すことを辞めたとか。その人はデザイナーを職業にしなくて正解。有名になっても自分が思い描いた通り、自分のやりたいように100％できる商業デザインなどないからだ。数十年前の話だが、今でも何かに連れ思... --- ### デザイナー専用PCを自作する（ベンチマークテスト編） - Published: 2021-02-19 - Modified: 2024-06-06 - URL: https://bluetraff.com/jisakupc-2/ - カテゴリー: デザイナー, その他, ハードウエア - タグ: BIOS, UEFI起動, 自作PC, ベンチマークテスト, ベンチマーク, UEFI Windows OSをインストールしベンチマーク・テストを行ったテストの報告。 旧Windows10背景 「デザイナー専用PC」と勝手にカテゴライズした自作PC制作が完成した。「パーツ購入編」「組立編」と続き、今回はWindows OSをインストールし、ベンチマーク・テストを行った。 購入したパーツの詳細は、以下の「パーツ購入編」から。 https://bluetraff. com/1955 PCの制作過程は、以下の「組立編」から。 https://bluetraff. com/2216 ベンチマーク・テストの結果 近頃のベンチマーク・テストには、どのようなツールが使われて... --- ### 営業メールも送り方を間違えると逆効果になる - Published: 2021-02-16 - Modified: 2022-08-18 - URL: https://bluetraff.com/business-email/ - カテゴリー: デザイナー, web, その他, フリーランス／自営業 - タグ: 新規顧客開拓, 迷惑メール, 営業メール, スパムメール, 新規開拓 営業メールには作法があり、それを破ると企業にとってブランドの毀損になりかねない。特定電子メール法では、拒否している相手に営業メールを送ることは出来ない。 自粛の影響なのか、今年に入りデザイン関連、IT関連、印刷関連など直接売上に関係ないと思われていた業種から、営業メールが多く届くようになった。どこも厳しく、メール営業をせざるを得ないところまで、売上が落ち込んでいるのだろう。しかし営業メールには作法があり、それを破ると企業にとってブランドの毀損になりかねない。 新規顧客獲得のためのツール 新規顧客を開拓するための営業ツールには、インバウンドとアウトバウンドがある。企業の側から客に直接アプローチをせず、客の側から連絡を取ってくるインバウンド。例えば、... --- ### デザイナー専用PCを自作する（組立編） - Published: 2021-02-10 - Modified: 2022-08-18 - URL: https://bluetraff.com/jisakupc-1/ - カテゴリー: その他, ハードウエア - タグ: 自作PC, デザイナー専用, デザイナー用PC, Windows10 デザイナー専用のPCを制作する、その続編。 デザイナー専用のPCを制作する、その続編。 完成した内部の様子 パーツの選定と購入は、以前デザイナー専用PCを自作する（パーツ購入編）で詳しく書いた。 https://bluetraff. com/1955/ デザイナー専用PCを自作する（ベンチマークテスト編）は以下から。 https://bluetraff. com/2342/ 今回は、そのパーツを使いPCを組み立てる作業に入る。ほとんど画像だが、初心者にも分かりやすいように書いたら、かなり長くなってしまったので注意。ちなみに私がプロのデザイ... --- ### CD、レコードや本に付いているオビは、何のためにあるのか - Published: 2021-02-07 - Modified: 2022-08-29 - URL: https://bluetraff.com/obi-yakuwari/ - カテゴリー: デザイナー, その他 - タグ: ジャケット・デザイン, CDジャケット・デザイン, エディトリアルデザイン, オビ, 帯, レコードジャケット オビ（帯）とは何なのか。何のためにあるのか。キャッチコピーなどの売り文句が書いてあり、カバーや書籍本体の上に巻いてある紙片。 いつ頃から付けるようになったのかは分からないが、おそらく書籍の方が先だろう。ちなみにレコードのオビは海外でも「OBI」で通じる。 今まで制作した様々なオビ 先日、高額な書籍を購入した。函入り、ハードカバー、本体表紙タイトル文字は銀箔押し、864ページ、厚さ47ミリ、オビ（帯）付き。この装丁だけでも愛蔵版とも言うべき書籍だ。大手ECモールの大手ショップから購入した。届いたので早速読もうとしたら、オビに10ミリほどの破れがある。ショップに連絡しようかしまいか少し考えた。1度読んだら書棚行きのビジネス書の類であれば我慢の範囲だが、高額な価格と、何度も読み返すだろう事を考えると、やはり交換してもらおうと連絡をした。しかしその希望は... --- ### デザイナー専用PCを自作する（パーツ購入編） - Published: 2021-02-02 - Modified: 2022-08-18 - URL: https://bluetraff.com/jisakupc-0/ - カテゴリー: デザイナー, その他, ハードウエア デザイナーが自作でPCを作るとは、どういうことなのか。現在、自作PCとはゲーミングPCの事である。ゲームはやらずデザイン制作に特化したPCを自作してみる。その「パーツ購入編」。 今回使用する自作PCのパーツ類 デザイン業界では依然Appleが圧倒的な支持を得ている。それはMacを使わない者はデザイナーに非ずとも言われているようなものである。そこに風穴を開けるべく、自作でデザイン制作用Windowsマシンを自作し、立ち向かおうと挑んだのがこの記事である。 https://bluetraff. com/2216/ https://bluetraff. com/2342/ 何故、あえてデザイン専用のPCを自作するのか 私は職業デザイナーだが、制作用PCとしてWindows O... --- ### デザイナーはWindowsではなくMacでないとダメなのか - Published: 2021-01-29 - Modified: 2024-12-16 - URL: https://bluetraff.com/designer-mac-win/ - カテゴリー: デザイナー, その他 - タグ: DTP, デザイナー デザイナーにとって、OS選択は自由です。MacとWindowsの間にはデザイン制作に影響する差はありません。現場によって使われる傾向がありますが、デジタル系ならWindows、DTPやアナログ系ならMacが多いです。好きなOSを選びましょう。 かつてMac（Macintosh）かWindowsかを巡り、血で血を洗う争いが各地で繰り広げられていた。2023年の現在では信じられない闇の歴史である。しかし今でもデザイナーと言えばMacという印象が一般の人でも多いのではないだろうか。これからデザイナーになろうとしている人はどちらのOSを使えば良いのだろうか。デザイン制作を行う上でMacとWindowsの間に差はあるのだろうか。チラシ、パッケージ、書籍など紙媒体のアナログ系デザインと、WEBやアプリのデジタル系デザインの両分野を並行して現役で行... --- ### 「ディスクを読み込まない」の原因はほとんどこれで直る - Published: 2021-01-24 - Modified: 2023-05-17 - URL: https://bluetraff.com/nodisc/ - カテゴリー: その他 - タグ: ブルーレイレコーダー, Blu-ray, DVDレコーダー, ディスクドライブ, CDラジカセ, CDを読み込まない, DVD読み込みエラー, 読み込みエラー 「ディスクを読み込まない」「ディスクを認識しない」、CDプレーヤー、ブルーレイ・レコーダー、DVDプレーヤーはもちろん、パソコンのDVDドライブが、ある日突然CDやDVDを読み込まなくなったという経験は誰にでもあるだろう。ディスクを読み込まない原因は、ほとんどピックアップ・レンズを清掃することで直る。 絶望的なメッセージ 2023年5月17日 追記 2023年5月に以下取り上げるのと同じBlu-rayレコーダーで、BD-Rにダビングしようとしたが途中でダビングが終了してしまう症状が出た。BD-Rの初期化もできない。特にメッセージも出ない。まず本体にあるリセットボタンを押し本機をリセット。テストしたが改善されず。電源コンセントを抜き30分ほど放置。テストしたが改善されず。再びレンズのクリーニングを施した結果症状が改善し、ダビングが正常に行えるようになった。 「ディスクを読み込まない」「ディスクを... --- ### 実録！ Nuro光に変えたらネットが爆速になったという話 - Published: 2021-01-20 - Modified: 2022-04-05 - URL: https://bluetraff.com/nurohikari/ - カテゴリー: web, その他 - タグ: インターネットプロバイダー, ネット回線比較 ネットの回線業者やプロバイダーを変更することは、誰にとっても面倒な事である。しかし長年利用してきた業者が激遅なので、重い腰を上げ変更したら爆速になった。これはアフィリエイト・サイトや釣りやPR広告ではない実録である。 【So-netを語り、ルーター交換を勧める詐欺業者に注意！】（2022年3月9日追記）2022年1月に、So-net（ソネット）のカスタマーサービスを名乗る者（女性はミヨシと名乗ったが多分偽名だろう）から、Nuro光で使用しているルーターは中国製で、セキュリティに脆弱性があるので、今なら無料でNEC製のルーターに交換可能との電話があった。こちらがNuro光を利用していること、氏名始め個人情報を把握していること、何度も「代理店ではなくSo-netの人ですか？」と問いただしても「代理店ではなくSo-... --- ### 書籍の装丁「Electronではじめるデスクトップアプリケーション開発」──装丁の手順 - Published: 2021-01-18 - Modified: 2025-06-02 - URL: https://bluetraff.com/electron/ - カテゴリー: ブックデザイン／書籍 - タグ: 編集デザイン, Electron, 制作実績, ブックデザイン, エディトリアル, エディトリアルデザイン, 装丁 個人的にも興味があるElectron。Electronを使い、HTML、CSS、JavaScriptの知識でPCアプリケーションを作成するためのマニュアルの装丁を担当した。 個人的にも興味があるElectron。Electronを使い、HTML、CSS、JavaScriptの知識でPCアプリケーションを作成するためのマニュアルの装丁を担当した。 書籍の内容 PCアプリケーションも「JavaScript」で開発！Atom、Visual Studio Code、Slack、Skype、Microsoft Teams、GitHub Desktop、WordPress Desktopなど多数のPCアプリケーション開発に使われている「Electron」。Webプログラミングの... --- ### WordPressを更新するべきか迷っている人達へ - Published: 2021-01-15 - Modified: 2022-08-18 - URL: https://bluetraff.com/wordpress-update/ - カテゴリー: web, その他, フリーランス／自営業 - タグ: wordpress, WEB制作, ウェブ制作, ホームページ制作 日夜WEBに関するさまざまな相談が持ち込まれる。その中でも他者が制作したWordPressを修正していると、普段プロ制作者としてはなかなか気が付かない事が見えてくる。入門者向けの小ネタ集。 日夜WEBに関するさまざまな相談が持ち込まれる。その中でも他者が制作したWordPressを修正していると、普段プロ制作者としてはなかなか気が付かない事が見えてくる。入門者向けの小ネタ集。 ケース1：セミナーなどでWordPressを学び制作する セミナーなどへ行きゼロからWEBサイトの制作を学び、運用している中小企業や個人事業主の担当者からの相談は常に多い。今時シンプルなHTMLとCSSでゼロからWEBサイトを作ろうなどと言っているセミナーはなく、ほとんどが「CMSを使って、無料で店のWEBサ... --- ### 書籍装丁制作「サブカルチャーの心理学」--- 書籍の装丁方法 - Published: 2021-01-12 - Modified: 2022-07-23 - URL: https://bluetraff.com/subculture_no_shinrigaku/ - カテゴリー: ブックデザイン／書籍 大学の教科書にも使用する書籍の装丁を担当した。実績の紹介と共に、今回の装丁工程も紹介する 大学の教科書にも使用する書籍の装丁を担当した。 書籍の内容 アニメ、マンガ、腐女子、鉄道、レコード、オカルト、ジャニオタなど、様々な現代若者の文化を分析し、今まで「遊び」とみなされていた行動から、人間を見つめ直す新しい心理学の提案の書。分類としては、心理学であり大学で教科書としても使用する専門書である。もちろん一般書店でも販売する。 デザインの前提条件 今回依頼があったのは装丁である。具体的にはカバー、本体表紙（カバーを取り去った状態）、本文大扉、帯、これら一式の事を指す。今回帯はなし。本文のデ... --- ### WordPress 最もシンプルなサーバー移転方法（バックアップと復元） - Published: 2021-01-09 - Modified: 2024-12-24 - URL: https://bluetraff.com/wordpress-server-iten/ - カテゴリー: web - タグ: wordpress, バックアップ, 復帰, データベース WordPressの初心者向けに、プラグインを使わず確実で簡単な方法をサーバーの移転作業を通して解説する WordPressを運営していると面倒な作業の一つに、バックアップとその復元がある。「サーバー移転のためデータの移行が必要」、「WordPressが乗っ取られ、復元しなければならない」、「不具合が出てWordPress本体を再インストールしなければならない」など頻繁ではないが誰にも起こりうる事である。その方法を調べてみるとプラグインによるものが多く、それがシンプルなように見えて実は制限があるなど、必ずしもシンプルではない。今回主にWordPressの初心者向けに、プラグインを使わず確実で簡単な方... --- ### WordPress PHPのバージョンアップによるエラーとその対処法 - Published: 2021-01-04 - Modified: 2024-12-28 - URL: https://bluetraff.com/wordpress-php-error/ - カテゴリー: web, その他 - タグ: トラブル, wordpress, バックアップ, PHP, エラー PHPのバージョンアップによるエラーが発生した。あまり起きないエラーのためか、どこにも適切な情報がない。そこで試行錯誤しているうちに（と、言っても大した事はないが）回り道をしながら何とか解決した。 WordPressを運用していると通常のHTMLだけで出来ているWEBサイトとは異なり、様々なトラブルに遭遇する。今回PHPのバージョンアップによるエラーが発生した。あまり起きないエラーのためか、どこにも適切な情報がない。そこで試行錯誤しているうちに（と、言っても大した事はないが）回り道をしながら何とか解決した。 トラブルの発生の経緯 PHPのバージョンアップ警告 弊社で2年前に制作し管理しているWordPressで作られたサービス・サイトがある。制作時の確認不足が全ての始まりなのだが、Word... --- ### 長岡秀星　回顧展へ行く！ - Published: 2020-12-25 - Modified: 2022-08-18 - URL: https://bluetraff.com/shusei-nagaoka/ - カテゴリー: 音楽, デザイナー, その他 - タグ: アートワーク, Artwork, JacketDesign, イラスト, イラストレーター, 長岡秀星, 回顧展, 展覧会, ジャケットデザイン 1970年代に多くのレコード・ジャケットワークを描いた長岡秀星。その幻想的かつリアルで緻密な画風は唯一のものだろう。代官山で回顧展を観てきた。 会場ではサイン入りリトグラフなども売っていた 長岡秀星が初めて描いたジャケットはロサンジェルスに設立したデザイン・スタジオ　「デザイン・マル」名義での、VAN DYKE PARKS / Discover America（1972）。まだ、この頃は後に見られる作風はないが、どこか現実離れしていて不思議な印象。残念ながらこのジャケットの原画は今回展示されてい... --- ### ランニングを無理なく続ける方法 - Published: 2020-04-29 - Modified: 2022-08-25 - URL: https://bluetraff.com/running/ - カテゴリー: その他 - タグ: ジョギング, 街ラン, 走る 走りたいけれど続かない…それは向く向かないのではなく、続けるための方法を考えていなかったからです。 都内でもこれほど多くの人がランニングしている場所は少ないですが、これ位の間隔はとりましょう。 今世間は新型コロナ・ウイルスで外出自粛制限です。しかし、経済や仕事は止めることが出来ず、一気にテレワーク／リモートワークという働き方が進み、しかも一日中自宅から必要な場合以外は出られないために、今まで特に運動をしなかった人達も通勤という運動さえしなくなっています。その結果、当然体重は増え、体力は落ち、精神的にもストレスがたまり、身体の別の部分が調子悪くなる等様々な部分に悪影響が出てきます。不要な外出を自... --- ### ドラマ「デザイナー渋井直人の休日」をデザイナー米本哲が観て - Published: 2020-01-19 - Modified: 2023-03-10 - URL: https://bluetraff.com/shibui-naoto/ - カテゴリー: デザイナー - タグ: エディトリアルデザイン, デザイナー, ドラマ https://www. tv-tokyo. co. jp/shibuinaoto/ 2019年の1月～4月期にテレビ東京で深夜放送されていたドラマ「デザイナー渋井直人の休日」を皆さんは観ていたでしょうか。放送中にネットの記事に出演者のインタビューが掲載されていたり、主演の光石研さんが俳優生活40年にして連続ドラマ単独初主演というのも話題になりました。なんと言っても「デザイナー」とタイトルに付いているので、ドラマ好きでデザイナーの私は気になっていました。しかし気が付いた時には既に第3話。途中から... --- ### 「Webデザイナーはコーディングできるべきか」について現場から - Published: 2020-01-15 - Modified: 2022-08-18 - URL: https://bluetraff.com/webdesigner-coding/ - カテゴリー: デザイナー, web 昨日、SNSで話題のブログを読みました。 https://wp. yat-net. com/? p=7431 このブログでは、Webデザイナーはコーディングできるべきかという問いに対して、 コード自体はかけなくてもよいですが、結局コードがどういう結果をもたらせるかを知るにはコードを書いたほうが早いです。 https://wp. yat-net. com/? p=7431 と概ね記事の内容には同意なのですが、何かはっきりしないモヤモヤとした感じが残ります。モヤモヤしているし、以前から考えていた事な... --- ### フリーランス・デザイナーのキャリアとは？　これからのフリーランサーはこれで決まり！ - Published: 2019-09-08 - Modified: 2022-08-18 - URL: https://bluetraff.com/freelance-designer/ - カテゴリー: デザイナー, フリーランス／自営業 先日以下のようなツイートをしました。 https://twitter. com/YonemotoDezain/status/1169940515913158656 https://twitter. com/YonemotoDezain/status/1169941744991002624 　最近デザイナーのキャリアも大分変化したと思い、上記のようなツイートをしたわけですが、これをもう少し詳しく書いてみます。　ただでさえ年齢を経るごとに仕事が減少してゆくフリーランス（自営業）のデザイナーにその人の... --- ### 「かき氷やってます！」　氷旗デザインの不思議 - Published: 2019-09-03 - Modified: 2023-06-13 - URL: https://bluetraff.com/kakigori/ - カテゴリー: デザイナー 　夏になると店先にゆらゆらとはためく「かき氷やってます！」のメッセージを発する「氷旗」。「氷」という文字を見なくとも白地に赤の「氷」の文字、その下に「波」、時々氷の文字の上には「千鳥」が飛んでいる。一瞬でどんな遠くからでもかき氷を提供している店である事が分かるほどメジャーなデザインです。要素としては2つか3つの簡素なデザイン。元は波と千鳥を組み合わせた日本古来のデザインである「波千鳥」をベースに明治時代に「氷」の文字を配置し作られた優れたデザインとして知られていますが、その詳しい由来は分からない... --- ### WordPressとアメブロとWixどれがいいの？ - Published: 2019-08-23 - Modified: 2024-06-02 - URL: https://bluetraff.com/wix/ - カテゴリー: デザイナー, web - タグ: BiNDup, アメブロ, wordpress, wix, stuio, jimdo 　これからホームページを作ろうとしている個人事業主、コンテンツ・マーケティングとしてブログを始めようとしている企業の担当者や個人商店、日記代わりにブログを新たに始めようと思っている人。このような人たちがまず悩むのがどうやってホームページを作るか。そのような人たちの多くは経費節約のため自分で作ろうとします。さらにHTMLやCSSの知識を必要とせずとにかく簡単に、出来ればSEO効果があるものを選びたいと考えます。調べてみると以下のような無料サービスが候補に上がるでしょう STUDIO、Wix、Jim... --- ### 結局、印刷データはRGBとCMYKどっちなのか？　CMYKです - Published: 2019-07-27 - Modified: 2024-06-17 - URL: https://bluetraff.com/rgbcmyk/ - カテゴリー: DTP - タグ: 印刷, cmyk, rgb RGBとCMYKの色域 印刷所へデータを入稿する際のカラー・モードは？ 結論から言うと今まで通りCMYKモードでお願いします何故今更、新人デザイナーが初日に教わるような事を書こうと思ったのかと言うと、昨日あるイラストレーターの人のこんなツイートが回ってきたのです。 「ちゃんとした印刷ではRGBの方が色が正確に出ますよ。」と美術手帖の編集者に教えてもらったのが10年前。私もそれ以来RGBのままです。 Twitterより 結構な数のRTと「いいね」が付いています。全然「いいね」ではないですし、素人や... --- ### 会社案内の制作 - Published: 2019-07-21 - Modified: 2022-07-23 - URL: https://bluetraff.com/companyprofile/ - カテゴリー: リーフレット, 会社案内 表1 　工業計器メーカーが日本国内と海外向けに会社案内を制作しました。日本語、英語、中国語の3ヶ国語で全ての文章を載せています。 A3判用紙を2つ折りにしたリーフレットです。表1-4はマットPP（つや消しのビニール貼り）で表面加工をしています。 表2-3 　表1-4（表面）では製品が世界中で使用されている事を表すため世界の白地図と白と青の2色でシンプルで堅実なイメージを表2-3（中面）では逆に製品のイメージ画像と共にカラフルなイメージを出しています。 表4 表1-4 リーフレット（パンフレット）... --- ### 化学薬品会社の製品パンフレット20種制作 - Published: 2019-07-21 - Modified: 2022-07-23 - URL: https://bluetraff.com/chemicalscatalog/ - カテゴリー: リーフレット, パンフレット 製品パンフレットのリニューアル 　この化学薬品会社には以前から同サイズの製品パンフレットがありましたが、時期がバラバラに作られたため統一感がなく、またデザイナーが入らず読みにくい事もあり今回の全面リニューアル案件を依頼された次第です。上の画像のような説明と化学式が混在するページが初めにあり、あとはほぼ下の画像のような整然としたカコミの中に一つの化学式が入るフォーマットです。 パンフレットを作る作業工程 　特に苦労したのは下の画像のページのように整然と並ぶカコミです。これは一つの化学製品に一つのカ... --- ### ギターアンプ自作マニュアル本のデザインを担当しました - Published: 2019-07-17 - Modified: 2022-07-23 - URL: https://bluetraff.com/guitaramp/ - カテゴリー: ブックデザイン／書籍 - タグ: ブックデザイン 表1カバーとそのオビ ギターアンプを自作するためのマニュアル本 　「真空管ギターアンプの工作・原理・設計」のブックデザインを担当しました。オーディオ・アンプの自作本は昔から多くありますが、ギターアンプの自作本に類書はなくユニークな内容となりました。元々はミュージシャンでもある著者がブログで発表したものをまとめたものです。回路図は著者自らが描いた手書きのものとなっておりそれをそのままスキャンして使用しています。これがこの本の売りのひとつでもあり、濃い内容ですが接しやすくしています。カバー、本文とも... --- ### 外注デザイナーから社内デザイナーにするとどうしてブラックになりやすいのか - Published: 2019-07-17 - Modified: 2022-08-18 - URL: https://bluetraff.com/gaichu-shanai-designer/ - カテゴリー: デザイナー, フリーランス／自営業 - タグ: フリーランス 元々は社内リソースがないから外注に出す 　昨日こんなツイートを見ました。 https://twitter. com/yonemura2006/status/1150966590323617792 　フリーランスという名の自営業者をやっていてこんな場面は日常茶飯事です。私に仕事の依頼する多くの理由はそれなりのクオリティーで安く済むからです。名前で仕事が取れると思っていないのでそれは構わないのです。複数人で運営している法人のデザイン事務所に依頼すると組織に依頼する安心感はありますが、それなりの費用は... --- ### IT企業の新サービス営業用チラシ制作 - Published: 2019-05-17 - Modified: 2022-07-17 - URL: https://bluetraff.com/aiservices/ - カテゴリー: チラシ／フライヤー - タグ: チラシ, it企業, AI, 営業ツール aiサービスの告知チラシ（表） aiサービスの告知チラシ（裏） 　IT企業の依頼により新サービス告知のチラシを制作しました。　表面上部には弊社制作のサービス・ロゴとサービスをピクトグラム化した図案を配置しています。サービスの内容をヒヤリングして、他社との差別化できる3つの特徴をカード型に分類。それぞれを漢字一文字で象徴として表し、その下にそれぞれの内容を記しています。　裏面にはこのサービスを使用する3者それぞれのメリットを複雑なサービスをすぐ理解できるように箇条書きにしてシンプルな配置にしていま... --- ### 飲食店　店内用ポスター制作しました - Published: 2017-10-04 - Modified: 2022-07-23 - URL: https://bluetraff.com/foodposter/ - カテゴリー: ポスター A2判　4C/0C（片面カラー） 新メニューの追加につき店内用にポスターを制作しました 　新しいメニューを追加するため訪れたお客さんに訴求するために店内用のA2判ポスターを制作しました。メニューに追加しただけではお客さんに対する訴求が弱く、また実際の料理の写真を大きく見せ食欲をそそるようにしました。 デザインについて 　ファミリー向けのため色使い、フォント、背景のストライプなど柔らかくポップな感じにしています。　ポスターなので細かく読ませるような文章は避け商品名と商品の特徴を短く分かりやすいコピ... --- ### 音楽専門誌の雑誌広告を制作しました - Published: 2016-06-06 - Modified: 2019-06-06 - URL: https://bluetraff.com/musicalmagazinead/ - カテゴリー: チラシ／フライヤー, 雑誌広告 A4判 1P 月刊音楽専門誌の雑誌広告を制作しました 　毎月恒例のレコード会社出稿による音楽専門誌の雑誌広告です。Tシャツ、3枚組のCD、DVD、アナログレコード、復刻パンフレット... など盛りだくさんの内容です。毎回そうなのですが、素材の画像とテキストを渡され、購入予定者に何が入っているのか、通常盤とどこが違うのか、一音楽ファンの私も購入するつもりで毎回レイアウトを考えています。 雑誌広告のデザイン 　何よりも先ずデザイナーとして考えなくてはならないのは、A4判でもペラのチラシとは土台になる... --- ### 日本酒の販促チラシを制作 - Published: 2016-04-01 - Modified: 2022-07-23 - URL: https://bluetraff.com/sake/ - カテゴリー: チラシ／フライヤー A4判 4C/0C 片面カラー オリジナル日本酒を量販店や飲食店に告知 　このチラシは一般の人のためではなく酒類卸業者が量販店や飲食店に配布するために制作したものです。 デザインについて 　素材は全て支給されましたものを使用しました。瓶のラベルは黄、紫、緑の3色。支給された左下にあるバナーなようなものは青。寒色系と和風ということで安易ですが紫を背景に選びました。グラデーションをかけてより和風色を強めます。地紋にはこちらにもありがちですが日本酒＝米から稲穂を影で使用。　酒瓶にはドロップシャドウをか... --- ### CD発売告知チラシを制作 - Published: 2016-01-10 - Modified: 2022-07-23 - URL: https://bluetraff.com/terrybozzio-chirashi/ - カテゴリー: チラシ／フライヤー A4判　4C/0C （片面カラー） さまざまな形態で発売されるCDボックス発売に関しての告知チラシ 　パッケージからデザイン、DTPまで担当したCDボックスの告知チラシを制作しました。 デザインについて 　大変著名なミュージシャンなのでミュージシャン名と姿が分かるアーティスト写真をメインにして、リリースされる作品も通常のCD盤ではないため、内容がよく分かるようにレイアウトには気を使いました。　近年発売されるデラックス盤パッケージは一度に数種類のヴァージョンで発売されるため、その内容は複雑です。例... --- ### 全国紙の新聞全面（15段）広告を制作しました - Published: 2015-10-20 - Modified: 2022-07-23 - URL: https://bluetraff.com/newspaper-ad/ - カテゴリー: チラシ／フライヤー あまり制作機会のないロック系全面広告を制作しました 　時々アイドル系や売れ線のミュージシャンの1アーティストの新聞広告は見ますが、ロック系でいくつかのアーティストを並べた広告は中々制作する機会がないので貴重な経験でした。新聞広告の制作については今まで2、5，7段は何度か制作したことがあります。レコード会社提供の音楽番組と連動する広告でアーティストにより大小はありますがスクエアに割り振れた見やすさを何より重視しています。 デザインについて 実際に掲載された新聞 　新聞広告のデザイン上の大きな特徴は... --- ### 音楽専門誌の雑誌広告をデザインしました - Published: 2015-05-23 - Modified: 2022-07-23 - URL: https://bluetraff.com/burrn-ad/ - カテゴリー: チラシ／フライヤー, 雑誌広告 A4判　×2ページ　見開き 音楽専門誌のCD発売の見開き広告を制作 　5年程続けている音楽専門誌の広告を制作しました。4アーティストを変則的なレイアウトで配置しています。当然ですが売り出したい順に広告枠の大きさを決めてゆきます。このあたりは担当の方の指示によります。　なかなか楽しい仕事でした。　ちなみに一番大きく扱っているアーティストのCDは私が日本盤のジャケット、パッケージを制作しました。 デザインについて 　おおまかなフォーマットは長年制作しているうちに決まりますが基本的にはこちらで選択でき... --- ### 旅行代理店のツアー集客用チラシ - Published: 2015-05-16 - Modified: 2022-07-23 - URL: https://bluetraff.com/hawaii-tour/ - カテゴリー: チラシ／フライヤー A4判　4C／0C（片面フルカラー） 　直請けで旅行代理店のWEBサイトの構築／運営を請け負っていた関係で、旅行集客用のチラシの依頼を請けました。　　旅行のチラシをデザインする上で必ず記載するフォーマットとなるものは以下となります。 旅行日程料金の説明旅行の説明規定文会社名や会社のロゴ 　この場合下4分の1にそのスペースを先ず取り、必要な文字を配置してゆきます。この部分は非常に大事で読みやすくなければならず背景に画像を入れたりなどの余計な装飾をしてはいけません。今回は「高級ホテル」なのでタイトル... --- ### 商品ブランディングのチラシを制作しました - Published: 2014-09-10 - Modified: 2022-07-23 - URL: https://bluetraff.com/sio/ - カテゴリー: チラシ／フライヤー 塩チラシ-1 塩チラシ-2 塩チラシ-3 塩チラシ-4 塩チラシ-5 塩チラシ-6 商品のブランディング 　商品のブランディングと精製法の周知をということで依頼を受け 「ブランディング」と「精製過程」 数パターンずつ制作しました。※この案件は広告代理店経由の受注です。 デザイン 　「シンプル」というキャチコピーに合わせ「ブランディング」の方はキーカラーを青としてメインの画像を1点大きくキャッチコピーを活かすように空間を大きくとり余裕のあるデザインとしています。　「精製過程」の方は海水から商品にな... --- ### ミュージシャンとの交流旅行ツアーの告知チラシを制作 - Published: 2014-08-17 - Modified: 2022-08-18 - URL: https://bluetraff.com/musician-tour/ - カテゴリー: チラシ／フライヤー A4判　4C/0C（片面カラー） ミュージシャンとファンとの交流旅行ツアー・チラシ ミュージシャンのファンクラブ会員限定のツアー告知のチラシを制作しました。イラストや画像はすべて支給のものを使用。ツアー自体は堅苦しいものではなく割と和気あいあいとしたツアーでまた開催も秋ということで暖色系の色をふんだんに使い楽しい雰囲気にしました。 デザインについて 　今回にチラシに必須の旅行行程、申込み方法、お問合せ先、運営会社の情報を分かりやすく配置しなければならず、しかも文字数がそれなりに多いため、先ず文字... --- ### レスポンシブ対応を謳うWEBデザイン・サービスのチラシを制作 - Published: 2014-06-17 - Modified: 2022-07-23 - URL: https://bluetraff.com/webservices-ad/ - カテゴリー: チラシ／フライヤー 表 裏 訪問客に対しチラシによりサービスを印象付ける 　これは弊社のサービス内容のチラシです。　こちらから営業訪問する際にサービスの説明をさせていただいておりますが、やはり口頭だけではなくサービス内容をまとめた手元に残るようなチラシはサービスをより印象付けるものとなります。　表面にはメインのサービスとなるWEBデザイン、特にレスポンシブ対応をしているので、ビジュアルも分かりやすくPC、タブレット、ノートパソコン、スマートフォンそれぞれの画像を同一画面で配置しました。　またGoogleはスマートフ... --- ### マンガ化したサービス紹介パンフレットを制作 - Published: 2014-06-14 - Modified: 2022-08-18 - URL: https://bluetraff.com/tjmdinet/ - カテゴリー: パンフレット B5判　4C　12ページ～8ページ マンガ化することで分かり易く問合せに誘導 　住宅設備機器総合商社からサービス内容を分かりやすくするため、全ページマンガのパンフレット3種の制作依頼をいただきました。　マンガの描き起こしからパンフレット内に使用する写真撮影まで、デザインだけではなくディレクション、印刷物納入まで総合的プロデュース的な役割まで担当しました。　目的は各サービスのアウトラインをマンガやイラスト、写真を多用して分かり易く伝え、最終的に電話、メール、WEBによる問合せを促す事です。そのため... --- ### 美容室のチケット・デザイン制作 - Published: 2013-12-29 - Modified: 2022-08-18 - URL: https://bluetraff.com/beautysalon-flyer/ - カテゴリー: チラシ／フライヤー, 実績 美容室のチケット 　WEBサイトの制作を依頼され、同時に配布用のチケット（チラシ）の制作も請けました。お会いして打合せをし、その後デザイン制作、完成の確認を行い、印刷所に入稿し納品まで請負ました。　チラシ自体は美容室の若い店員がよく駅前などで配布しているものです。いろいろな大きさがありますが、伝統的なのはこの14753ミリの横長の形のものが一般的なようです。表面ははじめてのお客さんに店内を紹介するつもりで広々とした店内の写真を全体に使いました。　現状WEBサイトが無いということはネット上には存在... --- ### ブック・デザインの方法 - Light Mellow 和モノ Special - Published: 2013-10-13 - Modified: 2022-07-23 - URL: https://bluetraff.com/lightmellow/ - カテゴリー: ブックデザイン／書籍 - タグ: 書籍設計, LightMellow, POP, SPツール, 装丁, カバーデザイン, #デザイナー, 本文フォーマット 【制作実績】Light Mellow 和モノ Specialのブックデザインを担当した。その装丁と本文レイアウトの方法を同時に解説。 近年一般のニュース上でも話題になることが多い、ジャパニーズ・シティ・ポップ。そのディスコグラフィー本のブックデザインを担当した。制作者自身大好きな音楽のジャンルであり、何度も参照するディスコグラフィー本なので、本文も読みやすく目的のアルバムを探しやすいようにデザインした。また他の書籍デザインではあまりない、販促物の制作も行った。 長い間参考にしていた本の増補版デザイン担当に Light Mellow 和モノ669（2004年） 私も熱心な読者でありレコードやCDを購入する際に参考にしていた、Li... --- ### Blu-rayとDVDボックス発売告知の雑誌広告を制作しました - Published: 2013-08-07 - Modified: 2022-07-23 - URL: https://bluetraff.com/bluray-ad/ - カテゴリー: チラシ／フライヤー, 雑誌広告 A4判 1P 盛りだくさんの内容なので整理して見やすいように 　様々なミュージシャンが参加したトリビュート・コンサートの模様を記録した映像作品なので、ミュージシャンの名前と曲名だけでテキストが大量にあります。自分が好きなアーティストが1曲でも参加していれば購入するファンの心理は私にも分かります。よって有名ミュージシャンだけ載せて、後は省略... という訳にはいかず、このように文字がびっしりと詰まっています。　かなり級数（文字の大きさ）が小さいですが、好きな人は文字が小さくても読むという確信の元で... --- ### 音楽コンサート鑑賞ツアー・リーフレットの制作 - Published: 2011-01-30 - Modified: 2022-07-23 - URL: https://bluetraff.com/musical-concert-ad/ - カテゴリー: リーフレット 仕上がり寸法 A4判 4P 折リーフレット 海外コンサート・ツアー告知用リーフレット制作 　旅行会社の依頼でA3二つ折りのリーフレット形態で海外コンサート鑑賞ツアー用のリーフレットを制作しました。クラシックコンサートなので荘厳で堅い印象です。画像は全て支給で表1（表面）は印象深いコンサートホール外観の画像を大きく使用し、表4（裏面）には観光ポイントの説明を各画像と文章で紹介しています。 デザインに関して 表1-4 表2-3 　文字は全体にゴシック系で文字はツメツメで、曲線は使わず囲み罫、罫線も細... --- ### ハワイ観光ツアー告知のチラシを制作 - Published: 2010-12-30 - Modified: 2022-07-23 - URL: https://bluetraff.com/hawaii-chirashi-2/ - カテゴリー: チラシ／フライヤー A4判　4C/0C（片面カラー） ハワイ・ウクレレー・ツアー告知チラシ 　プロのウクレレ奏者で各地でウクレレ教室も開いていらしゃる方がハワイでレッスンをするという企画の告知チラシを制作しました。 デザインについて 　キワード「ウクレレ」「ハワイ」と来ればヤシの木や海や海岸のイメージです。しかし今回は支給された画像を散りばめる事で抑え気味にして、楽しく、ファンキーな印象を大々的に押し出しました。講師ご本人の朗らかな画像を中心に配置し、周りはレインボーカラーで派手にしています。　プロのデザイナーとい... --- ### 写真投稿コンテストの告知チラシの制作 - Published: 2010-06-30 - Modified: 2022-07-23 - URL: https://bluetraff.com/photography-contest/ - カテゴリー: チラシ／フライヤー 表 裏 写真コンテストの告知チラシを作成 　旅行会社が企画したトカラ列島限定写真コンテストの告知チラシを制作しました。　写真を投稿して豪華賞品が当たるというものです。商品の画像と説明、応募に関する説明や選考方法、そして最後にコンテストを開催した目的であるツアーの告知が入ります。 デザインについて 　トカラ列島を写した美しい写真が支給されましたのでヘッダ部分に告知要素の邪魔にならないように配置しました。もう少し大きく配置出来れば島の美しさが表現できたのかもしれませんが、必須要素が多くこの大きさにな... --- ### インフルエンザ予防ポスターを制作しました - Published: 2010-01-30 - Modified: 2022-07-23 - URL: https://bluetraff.com/influ-poster/ - カテゴリー: ポスター - タグ: 厚生労働省, 公共機関 厚生労働省のインフルエンザ「咳エチケットしていますか？」キャンペーンポスターを制作しました。 A2 4C/0C 片面カラー 公共施設や病院に掲示するポスターを制作 　冬になると流行るインフルエンザ。咳による飛沫感染に気をつけましょうというA2の大型告知ポスターです。病院や保健所、各公共機関に掲示するためのものです。 デザイン 　ディレクターによって選ばれたイラストを使いました。素朴で公共機関に掲示するイラストとしてとても良いと思います。このイラストで上半分を使い、咳をしている女性のイラスト近くにキャッチコピーを配置しイラストの中での台詞のようにしています。　もう一つのキャッチコピー「咳エ... --- ### プロ向けの映像機器宣伝チラシの制作 - Published: 2009-02-10 - Modified: 2022-07-23 - URL: https://bluetraff.com/eizokiki/ - カテゴリー: チラシ／フライヤー 表面 チラシ裏面 （A4版 4C/4C 両面カラー） プロフェッショナル向けの映像機器宣伝チラシ 　「映像がきれい」というキーワードで表面の鳥の画像が支給されました。色鮮やかな写真でこの機器の性能を一目で表現します。機材自体の画像は控え目との指示でした。 デザインについて 　一番目立つ表面上部に鮮やかな鳥の画像を配置し、その画像が目立つようにまた映像機器の印象を強めるために地色は黒一色にしました。これで画像の色もより引き立っています。製品名はゴシック体でプロフェッショナル仕様を表すため固めの文字... --- ---