約 4,708,578 件
https://w.atwiki.jp/assolutoracingjpn/pages/63.html
ただの白黒....? 『 UIデザイン 』 へのこだわり 想像してみましょう。 あなたは今、富士スピードウェイをタイムアタックしています。 その空間には、あなたが操作する小さなクルマと、広大なサーキットしかありません。 他のレースゲームであれば 物足りない とされるところを、Assoluto Racing はあえて 攻めているの です。 そう、このゲームは、至って シンプル なのです。 このトピック記事では、そんなシンプルさを惹きたてる "UIデザイン" を、 デザイン学 からみてゆきます。 そもそも “UI デザイン” って? これは、サイトやゲームなどにおける、テキストや画像などの 画面設計 を意味します。 簡単に言えば、画面デザインのことです。 では、Assoluto Racing の UI デザインについて深堀してゆきます。 実際のメニュー画面 上の画像は、皆さんもよく目にする、メニュー画面です。 あなたは この画面デザインについて、どんな感想を持ちましたか。 きっと、「 カッコイイ 」「 オシャレ 」と感じたことでしょう。 たしかに、黒を基調としたモダンな雰囲気で、お洒落なデザインですね。 ただ、動画・サイト制作の知識が少しばかりある筆者から見ると、こう感じます。 「 図形、画像、テキストを置いただけ 」 なぜ筆者はそう思ってしまうのでしょうか。 では、下の動画を観てみてください。 本来、BGMを変更する設定はありません。 違和感なく 合成されていたはずです。 他のゲームは 複雑な画面デザインなので、それを真似できません。 簡単に嘘の映像が作れることから、シンプルな画面デザインで事あることが分かります。 では、このような “シンプルなデザイン” は、プレイヤーにどのような効果を与えるのでしょうか。 1. 利 便 性 最近は、フラット(平面)デザインが流行りです。 実際に、2020年より 日産自動車のロゴはリッチ(立体)からフラット系にリニューアルされています。 2020年以前のリッチロゴ（日産自動車） 2020年以降のフラットロゴ（日産自動車） また、ARを運営する Infinity Vector のロゴもフラットです。 フラットロゴ（Infinity Vector） これらは、近年のシンプル化傾向の象徴だといえます。 では、なぜフラットデザインが流行しているのでしょうか。 それは、 スマホの普及 によるものです。 フラットデザインは、装飾が少なくすっきりしているため、スマホのような 小さな画面でも見やすい のです。 実際に、リッチ系UI が採用されているゲームと、Assoluto のメニューバー画面を見比べてみましょう。 リッチ系UI（ETS2） フラット系UI（Assoluto Racing） その差は一目瞭然で、情報が分かりやすいのは Assoluto です。 もちろんPC向けの ETS2 を批判している訳では無いですが、スマホの小さな画面なら この方がいいのです。 さらにAssolutoは メニュー画面だけでなく、走行中のアクセル・ブレーキボタンやスピードメーターも、全てがシンプルなフラットデザインです。 つまり、 モバイル 業界で生きる Assoluto Racing は、必然的に フラットデザイン である必要があるのです。 このように、フラットデザインは、プレイヤーが直感的に操作できるための工夫として活きています。 2. 芸 術 性 先ほど、シンプルなUIは、利便性が高いと紹介しました。 でも、効果はそれだけに留まりません。 車を惹きたてる のです。 そもそもの前提として、Assolutoは他のゲームと趣旨が違います。 他のレーシングゲームは、豪快なオーバーテイクや、爽快なエフェクトによってプレイヤーを楽しませています。 しかしAssolutoは、車を操ること本来の楽しさをつくり出しています。 この違いがわかりますか。 つまり 主役は、バトルではなく車 です。 よって、 エフェクトやUIが、主役を邪魔してはいけない のです。 では、実際にプレイ画面を見てみましょう。 実際のプレイ画面。無駄な情報やボタンは一切無い。シンプルだ。 UIとして使われている色は、白・黒・赤の３色のみ。 デザインも、 ボタンは透明化 され、 スピードメーターは細く 、 無駄な操作エフェクトはありません 。 言うまでもなく、シンプルです。 あえて存在感の薄いUIを採用し、車を目立たせているのでしょう。 まさに 日の丸弁当のように、はっきりとコントラストを作り出しています。 このように、シンプルなUIは、車を惹きたてるための工夫として活きています。 3. 雰 囲 気 づ く り ここまでは、シンプルなUIによる 1.利便性 、 2.芸術性 を紹介しました。 さて最後は、 雰囲気づくり についてです。 Assoluto Racing は、独特な香りを放っています。 他のモバイルレーシングゲームとは、1つ2つ違う世界線のような何か。 筆者は、 そんな雰囲気 をまとう理由の1つに、 BGMの存在がある と考えます。 Assolutoで流れるオリジナルBGMは、筆者が知る限り 10曲が公開されています。 それら全ては、 眠たくなる ジャズ風の滑らかな音楽です。 最新のレーシングシミュレータともなれば、オーケストラやEDMをチョイスしそうなものですがね。 ただ、このチョイスが 独特な香りを放つ 要因のひとつなのでしょう。 特に、リリース当初から一切変更が加えられていない、「 OST-Dealership-Julien Mt 」は、最もお淑やかなBGMです。 また、2020年のアップデートで突如廃止となった「 OST-Home-Julien Mt 」は、古参勢にとって「あ～これか」となるはずです。 ちなみに、これらの曲を作曲したとされるのは、ニッチなファンならご存じ、Infinity Vector CEO 、Julien Mairat（ジュリアン・マイラット）氏です。 CEOは、 グランツーリスモ とともに育ったそうで、Assolutoのゲームデザインもどこか似たものがあります。そのうちのひとつが、ジャズ風のBGMですね。 これら魅力的なBGMに、 黒を基調としたシンプルなフラットUI がよく合う のです。 このように、シンプルでモダンな UIは、雰囲気づくりに貢献しています。 さいごに Assoluto Racing は、利便的かつ芸術的な UI デザインによって、独特で壮大な世界を演出しているようです。それも、矮小なモバイルの中で。 執筆 give/ギブ (@give_8010)記事に関するお問い合わせ give/ギブ ホームページ
https://w.atwiki.jp/designnohikidashi/pages/19.html
▽デザインのひきだし 第9巻△ デザインのひきだし⑨ 初版第1刷発行 2010年2月25日 編者 グラフィック社編集部 発行社 久世利郎 発行所 グラフィック社 印刷 大丸グラフィックス 製本 京栄製本 アートディレクション デザイン ASYL（佐藤直樹＋溝端貢＋中澤耕平＋一尾成臣＋坂脇慶＋谷陽子） 撮影 弘田充（弘田写真事務所）大沼洋平（弘田写真事務所）池田晶紀嶋本麻利沙菊池良助 編集・執筆 野口尚子河村美智香大城譲司山田花子杉瀬由希雪朱里鈴木里子立古和智 企画・編集 津田淳子（グラフィック社） 144P ISBN-10 4766120965 ISBN-13 9784766120967 CONTENTS 003 連載 装丁道場 注文の多い料理店 中村至男／尾原史和／川上俊 016 第1特集 紙の魅力をもっと知る ※CONTENTSの頁表記なし 020 第1特集 INTERVIEW グラフィックデザイナー・原研哉 026 第1特集 伊藤直樹×佐藤直樹対談「紙とメディアの未来とは？」 030 第1特集 紙の魅力を生かした作品たち 038 第1特集 INTERVIEW K-DESIGN WORKS 榎本一浩 042 第1特集 紙を使うときの基礎知識 046 第1特集 紙のプロに聞く 048 第1特集 ひきだし注目の紙① 新製品 増色・連量 053 第1特集 ひきだし注目の紙② 原料のユニークな紙 056 第1特集 ひきだし注目の紙③ 機能にこだわりのある紙 065 第1特集 平林奈緒美さん 日本製紙パピリアへおもしろ紙を見に行く！ 068 第1特集 ひきだし注目の紙④ 質感がユニークな紙 070 第1特集 事務所に常備したい！ 紙見本帳一覧 074 第1特集 紙がないときのお助け加工① 合紙加工 076 第1特集 紙がないときのお助け加工② カスタムメイド・システム 078 第1特集 紙がないときの最後の手段 加工紙・包装資材を使う 081 連載 覆面座談会 何様！？ 第9夜 「デザイン・印刷業界は生き残れるか？」 086 連載 本づくりの匠たち ⑨「バーコ印刷」 092 連載 北川一成の負けた。 「大阪市のごみ焼却工場「舞洲工場」に負けた」 094 連載 祖父江慎の実験だもの。 「透けちゃうインキに挑戦！」 098 連載 タテ・ヨコ・ナナメ デザイン談義 フジドリームエアラインズ／安岡洋一／藤木隆明／伊藤ガビン 104 連載 名工の肖像 「嘉瑞工房・高岡重蔵」 108 連載 Life Stripe 「紙な人々」 110 記事 編集部注目PICK UP！ 「クニメタル・コグチ」 114 連載 活版六尺 7 116 記事 特別記事 片塩二朗さんに寄藤文平さんが直撃！「欧文書体について、聞きました」 120 記事 OJI PAPER LIBRARY 121 巻末特集 できぬなら 自分でやろう 印刷・加工 ※CONTENTSの頁表記なし 本文用紙 用紙協力：王子製紙 P001~016 OKトリニティ 四六判 T目 110kg P017~032 OKトリニティNavi 四六判 T目 110kg P033~048 ニューエイジブラン 四六判 T目 90kg P049~064 OKコートNグリーン 四六判 T目 110kg P065~080 OKマットコートグリーン 四六判 T目 90kg P081~096 OKプリンス上質エコG100 四六判 T目 90kg P097~112 OK上質紙 四六判 T目 90kg P113~128 OKプリンス上質 四六判 T目 90kg P129~144 OKいしかりN B判 T目 80kg
https://w.atwiki.jp/umimachidesign/pages/94.html
#blognavi 海・まち・デザインと市民有志は、今週月曜日に浦安市長、副市長はじめ三番瀬環境学習施設公募に関連する部門長に、公募に関する要望書を出しました。(市議全員にもお届けしました） 誠意ある回答がいただけるとことを期待したいと思います。 以下はその全文です。（個人名は省かせていただきました） この要望書にご賛同いただける方は、こちらまで住所、氏名、電話番号をお知らせください。ご意見もお待ちいたします。 2009年6月29日 浦安市市長 松崎 秀樹 様 同 副市長 中村 健 様 同 生涯学習部長 押尾 照明 様 同 都市環境部長 大野 伸夫 様 同 市長公室長 菊池 良一 様 「うらやす三番瀬環境学習施設プロポーザル」に対する要望書 現在（2009年6月）、「うらやす三番瀬環境学習施設プロポーザル」が実施されている旨、市のホームページに掲載されています。 浦安市にとって貴重な自然である三番瀬を学べる施設ができることは、私たちにとっても大変うれしいことです。そこで、今回の基本設計のなかでより市民の思いが実現できるようにお願いしたいことがあり、この要望書を書かせていただきました。 要旨は、施設(建物)の基本設計(位置や仕様)を決める前に、この土地および隣接する街区公園、50ｍ緑地、さらには、緑道、親水護岸、三番瀬を含めたグランドデザイン（総合設計）を行っていただきたいこと、またそのグランドデザインを広く市民の英知をあつめ公開されたワークショップ形式で行なうなど、開かれた形での市民参加の場としていただきたいことです。 １ プロポーザルの概要 ■概要 ① 建設場所：浦安市日の出七丁目5-4 番地、5-5 番地 ② 敷地面積：1,954.22 ㎡ ③ 想定施設規模：鉄骨造２階建て 約550 ㎡（駐車場・駐輪場を除く） ④ 想定工事費：212,000 千円 （基本設計3,780,000円） ■今後のスケジュール 平成21 年度 基本設計 平成22 年度 実施設計、一部建設工事 平成23 年度 建設工事、施設供用開始 ２ この立地のもつ貴重性とグローバルな視点 今回の舞台であるこの区画は三番瀬を臨む水際線に近接しており、東側には三番瀬の干潟につながる親水護岸、緑道、南側には幅50mの緑地、西側には街区公園と、水と緑の自然資源が敷地を取囲む特別なランドスケープを形成しています。またその三番瀬が他市と比べても一番市民居住地に近いところに存在している貴重な場所です。 今、三番瀬は三番瀬再生会議でもラムサール条約への登録が要望されるなど、日本のみならず世界から注目されています。私たちの仲間も昨年、韓国でのラムサール条約締約国会議に出席された官学民3 0人の環境視察団が来日された時、三番瀬などを丸一日ご案内しています。 そう考えると、今回のエリア施設は環境学習の目的のみならず、浦安市が三番瀬に関心をもつ市外や外国の方団体が訪れた時にご案内出来る、他市に比べてもユニークな施設として大きな視点をも持つことを考えておく必要があるのではないでしょうか？ ３ 市民が三番瀬と共に生きていくという理念 プロポーザルによれば今回の施設の目的は環境学習の一環であり、それは非常に重要なことですが、その学習にはフィールドワーク、即ち「体験」の場が直接三番瀬であることが大切です。 施設のなかで机を並べ棚の水槽を眺たり、展望台から双眼鏡で干潟を眺めるのもよいかもしれませんが、目の前にありながら水にも生き物にも触れられない体験学習ではあまりにも意義が薄く、敷地が干潟とつながってこそ真の環境学習の価値がありまた、それでこそ立地場所の貴重性も生きてくるのではないでしょうか。 そこでは子供たちはいつだって好きな時に、三番瀬に触れ、泥まみれになり、水に濡れ、生き物をつかみ、そしてそのことで自分の命と三番瀬が繋がって「生きている」ことを知るのです。そうなった時三番瀬は、世代や時代を超えて人々が共有できる「聖なる海」になります。だからこそ、開発にあたっては前述の「大きな視点」と合わせて「崇高な理念」を持って進めていきたいと思うのです。 ４ 実現に向けて一番大事なことはグランドデザイン もちろん、前述の姿の実現にはご承知のとおり当然数多くのハードルや制約条件があり、また実現する姿あるいは進め方には違った意見も当然あると思います。しかし、どんな形にしろ拙速に施設の建物の位置や内容が決まってしまっては、致命的な足かせになります。今回「基本設計」というフェーズであっても、まずはグランドデザインとして十分議論を戦わすべきなのです。 これまでも、そのようなプロセスを踏んできたと考えておられそのような資料もあるのかも知れませんが、このような重要な問題に十分市民参加がなされ、市民が納得しているとはと考えられないのが実感です。 プロポーザルには「整備位置については、海への眺望や隣接する９号街区公園と50ｍ緑地との一体的な敷地利用を考慮し配置する」とありますが、緑道や護岸、三番瀬などは含まれていず、現在の三番瀬のおかれた状況から、安易におざなりな「配慮」だけとなり、結局は建物だけの「平成21年基本設計、22年実施設計」が粛々とすすんでしまうことになればまずくはないでしょうか。 ５ 市民の高い関心と開かれた協働によるまちづくり 今回の公募の場である三番瀬は、2年前新町地域の土地利用計画の変更時に実施されたパブリックコメント(125通もの多数)でも同所に関連する意見が20%以上をしめており、このエリアへの市民の関心や期待は非常に高いというのはご存知の通りです。 http //www.city.urayasu.chiba.jp/secure/2870/sinmachikaito.pdf また当変更では、都市計画審議会においても「まちづくりの具体的な内容については住民意見を参考にしながら進めてもらいたい。大きな土地利用計画については都市計画のルールをこえて協議を行なってもらいたい。」（平成19年12月21日）との旨、行政に市民参加を促す付帯事項が付けられています。 これらの状況や経緯を考えた時、今回の基本設計のフェーズおいて(それ以降も)、市民からの公募メンバー等を含めたワークショップなどの開かれた形で納得いくまで対話し協働してデザインしていくことは必須ではないかと考えます。 具体的な市民参加の方法や運営については、これまでの公園設計での取り組みなどを参考に今回の諸条件（複数の部署や行政がからむなど）を考慮し確立すればよいと考えていますし、私たちも多くのアイデアをもっています。実際にお会いし、お話しできればと思います。 ６ これは「環境創造型」の崇高なプロジェクト 今回のプロポーザルにある550㎡の建物設計は単なる結果であって、これは三番瀬を舞台とする大きな理念を背景にした極めて崇高な「環境創造型」のプロジェクトだと言えます。 そして浦安を愛し、三番瀬を愛し、そのうえまちづくりの英知を持った人たちが市民には大勢います。どうか、この要望をごく一部の市民の意見だと思われないで、真の協働による「環境創造プロジェクト」を実現していただきたく心からお願い申し上げる次第です。 この要望書は、浦安のまちづくり活動を行なう市民グループ「海・まち・デザイン」のメンバーを中心に賛同していただいた市民で記したものです。「海・まち・デザイン」は平成21年度浦安市市民活動自立促進事業に認定されていますが、そこでは「境川いきいき大作戦」として境川を市民に親しめるための活動をつづけています。 カテゴリ [報告] - trackback() - 2009年07月01日 11 25 13 名前 コメント #blognavi
https://w.atwiki.jp/designnohikidashi/pages/21.html
▽デザインのひきだし 第11巻△ デザインのひきだし⑪ 初版第1刷発行 2010年10月25日 編者 グラフィック社編集部 発行社 久世利郎 発行所 グラフィック社 印刷 大丸グラフィックス 製本 和光堂製本 アートディレクション デザイン ASYL（佐藤直樹＋中澤耕平＋谷陽子＋加瀬透）＋坂脇慶 撮影 弘田充（弘田写真事務所）大沼洋平（弘田写真事務所）池田晶紀嶋本麻利沙 編集・執筆 河村美智香大城譲司山田花子杉瀬由希雪朱里鈴木里子 企画・編集 津田淳子（グラフィック社） 144P ISBN-10 4766121805 ISBN-13 9784766121803 CONTENTS 003 連載 装丁道場 注文の多い料理店 野中深雪／浅生ハルミン／福岡南央子 0 第1特集 インキを知れば、同コストで1ランクアップできる！ ※CONTENTSの頁表記なし 018 第1特集 気になるあの印刷物のインキ解体！ 028 第1特集 新村則人×尾河由樹 対談 032 第1特集 インキの基礎知識 034 第1特集 インキはこうしてできている！ 038 第1特集 特色はこうしてできている！ 040 第1特集 インキ紹介① 金・銀インキ 042 第1特集 誌上トライアル 新しいメタリックインキ、「LR輝」に挑戦！ 044 第1特集 インキ紹介② 墨インキ 045 第1特集 インキ紹介③ 蛍光インキ 046 第1特集 インキ紹介④ オペークインキ 047 第1特集 インキ紹介⑤ パールインキ 051 第1特集 インキ紹介⑥ 特殊インキ 054 第1特集 祖父江慎の実験だもの。in 特集 058 第1特集 誌上トライアル ブラックライトインキに挑戦！ 060 第1特集 インキ見本帳紹介 062 第1特集 表紙はこうしてできている 085 連載 覆面座談会 何様！？ 第11夜 「その使い方どうよ？ 書体の話題あれこれ」 108 連載 本づくりの匠たち ⑪「天金加工」 094 連載 名工の肖像 「佐藤勇」 118 連載 北川一成の負けた。 「カイロピロー「ね手み手いやし手」その造形美に負けた！」 090 記事 編集部注目 PICK UP！ 「Kirifuda」 102 連載 タテ・ヨコ・ナナメ デザイン談義 寄藤文平／タカラトミー／いまむる 114 連載 金剛地デザイン研究所 「野菜ダンボールのデザイン」 120 連載 Life Stripe 「色」 098 記事 編集部注目PICK UP！ 「シナール・スペクトラ」 122 記事 鈴木成一インタビュー 本が本であるために 124 記事 OJI PAPER LIBRARY 本文用紙 用紙協力：王子製紙 P001~064 OKいしかりN B判 T目 80kg P065~112 OKプリンス上質 四六判 T目 90kg P113~144 OK上質紙 四六判 T目 90kg
https://w.atwiki.jp/designnohikidashi/pages/15.html
▽デザインのひきだし 第5巻△ デザインのひきだし⑤ 初版第1刷発行 2008年5月25日 編者 グラフィック社編集部 発行社 久世利郎 発行所 グラフィック社 印刷 大丸印刷 製本 和光堂製本 アートディレクション 佐藤直樹（アジール） デザイン 溝端貢中澤耕平（アジール） 撮影 弘田充（弘田写真事務所）大沼洋平（弘田写真事務所）池田晶紀宮本武河合竜也 編集・執筆 河村美智香大城譲司大場義行（ヒヨコ舎）亀尾敦杉瀬由希雪朱里 企画・編集 津田淳子（グラフィック社） 144P ISBN-10 4766119118 ISBN-13 9784766119114 CONTENTS 003 連載 装丁道場 原条令子／櫻井浩／buffalo-D／都筑晶絵 018 第1特集 凸凹な印刷・紙・加工テクニック ※CONTENTSの頁表記なし 024 第1特集 凸凹を上手に使った作品23点 032 第1特集 凸凹インタビュー永井裕明／NNNNY／川村哲司／G.C.INC. 040 第1特集 村田金箔 金ピカ凸凹なカレンダーができるまで 043 第1特集 凸凹印刷・加工 テクニック編 044 第1特集 印刷編 060 第1特集 加工編 079 第1特集 凸凹印刷・加工 だいたいコスト一覧 080 第1特集 特別付録 081 連載 覆面座談会 何様！？ 第5夜 「こんなとこまで偽装かよ……。古紙配合率、インキの偽装を斬る！」 086 連載 本づくりの匠たち ⑤「ハンコを押す感覚で作業。小口印刷機のけなげさに和む。」 092 連載 鉛筆デザイン・プロジェクト 三人一組 096 記事 編集注目 PICK UP！ 「標準 印刷見本帳I 蛍光色編」 098 連載 タテ・ヨコ・ナナメ デザイン談義 山下雅士／鎌田順也／植村峻 104 記事 北川一成の負けた。 「増田徳衛兵商店 純米吟醸酒『柳』のパッケージに負けた」 106 連載 名工の肖像 「製本職人・町田邦雄（山水舎）」 110 連載 祖父江慎の実験だもの。 「偏光パールニスの掛け合わせ刷をしてみたい！」 114 連載 デザイン調査隊が行く！ 4「写真切り抜きサービスの実力は？」 122 連載 活版六尺 3 124 連載 欧文書体物語 ③ 126 記事 注目の紙・包装用紙。その魅力に迫る！ OJI PAPER LIBRARY 127 巻末特集 いい文字組みのために目を鍛えよ！ ※CONTENTSの頁表記なし 本文用紙 用紙協力：王子製紙 P001~048 OKトリニティ 四六判 T目 110kg P049~080 OKいしかり B判 T目 70kg P081~096 OK（T）バルーニー B判 T目 58kg P097~128 OKブライト（ラフ） B判 T目 87kg P129~144 OKシュークリームラフ B判 T目 69kg
https://w.atwiki.jp/f_pen/pages/31.html
基本デザイン制定委員会 何が必要か？ どんな記事でも関連という項目は作るべきと思います。f_pen
https://w.atwiki.jp/designnohikidashi/pages/34.html
▽デザインのひきだし 第24巻△ デザインのひきだし24 初版第1刷発行 2015年2月25日 編者 グラフィック社編集部 発行社 久世利郎 発行所 グラフィック社 印刷・製本 図書印刷 アートディレクション デザイン ASYL（佐藤直樹＋中澤耕平＋谷陽子＋菊地昌隆）＋一尾成臣 撮影 弘田充（弘田写真事務所）大沼洋平（弘田写真事務所）池田晶紀（ゆかい）井上佐由紀 編集・執筆 雪朱里大城譲司金子哲郎上條桂子杉瀬由希鈴木里子 企画・編集 津田淳子（グラフィック社） 144P ISBN-10 4766127323 ISBN-13 9784766127324 CONTENTS 00 第1特集 印刷大図鑑 ※CONTENTSの頁表記なし 008 第1特集 インタビュー 古平正義 012 第1特集 インタビュー 田中義久 016 第1特集 インタビュー 山田写真製版所 020 第1特集 印刷ってなんだろう？ 024 第1特集 凸版印刷でこんなものが刷れる！ 026 第1特集 誌上工場見学 活版・凸版印刷 030 第1特集 誌上工場見学 フレキソ印刷 032 第1特集 誌上工場見学 ダンボール印刷（フレキソ） 033 第1特集 圧力がかかると発光する印刷！！ 034 第1特集 誌上工場見学 凸版輪転印刷 036 第1特集 誌上工場見学 罫引き 038 第1特集 特集内にお引越し！ 名工の肖像「渡邉精二（ツバメノート企画開発）」 042 第1特集 平版印刷でこんなものが刷れる！ 044 第1特集 誌上工場見学 枚葉オフセット印刷 048 第1特集 誌上工場見学 高感度オフセット印刷 050 第1特集 誌上工場見学 ダイレクト製版で単色オフセット印刷 054 第1特集 誌上工場見学 軽オフセット印刷・ピンクマスター 055 第1特集 蛍光色同士を混ぜた新しい特色 058 第1特集 表紙はこうしてつくられた 060 第1特集 凹版印刷でこんなものが印刷できる！ 062 第1特集 誌上工場見学 グラビア印刷 067 第1特集 誌上工場見学 銅版印刷（エングレービング） 072 第1特集 孔版印刷でこんなものが刷れる！ 078 第1特集 誌上工場見学 スクリーン印刷 082 第1特集 誌上工場見学 謄写版印刷（ガリ版） 084 第1特集 誌上工場見学 デジタル孔版印刷 088 第1特集 特集に出張！ 祖父江慎の実験だもの。「盛り上げニス＋箔押しが版をつくらずにできるなんて。スペシャルオンデマンド加工機に挑戦！」 090 第1特集 誌上工場見学 HP Indigoデジタル印刷機 094 第1特集 デジタル印刷 CASE1 出版社が自らデジタル輪転機を導入！！ 095 第1特集 デジタル印刷 CASE2 トラックや飛行機にも印刷できる！？ 096 第1特集 実物綴じ込み目次 126 連載 【新連載】新素材調査室 「オフセット印刷で使える透明素材を調べる！」 097 連載 もじ部 「フォントの目利きになる！⑬-アドビ 西塚涼子さん＆服部正貴さん編-」 102 連載 【新連載】アノニマスデザイン史 第一夜「デザインの細道 ゲスト：葛西薫、服部一成」 110 連載 もじのひと 「中村健二さん インタビュー：正木香子」 114 連載 本づくりの匠たち 「富士共和製紙」 120 連載 タテヨコナナメ・デザイン談義 [たき工房／かもめブックス／松田行正] 130 連載 レイアウトあぶりだし 「有山達也さんの巻」 134 連載 佐藤直樹・デザインを考えない 第11回 136 連載 OJI PAPER LIBRARY 138 記事 ひきだし通信 Vol.12 本文用紙 用紙協力：王子製紙 P001~144 OKピクシード 四六判 T目 84kg
https://w.atwiki.jp/nicepaper/pages/62.html
前回記事CSSで見出しデザイン1の続き記事です。 今回は疑似要素before,afterを使った見出しの制作方法をご紹介します。 こんなもの 目次 疑似要素before,afterをなぜ使う？ 疑似要素がある場合とない場合で作ってみる。 作り方 コード 作り方まとめ 疑似要素before,afterをなぜ使う？ 一般的な見出しはCSSでよく使われるプロパティ名を組み合わせただけです。例えばborder、border-left、border-bottom、border-radius、padding、padding-left、padding-bottom・・・。それらを組み合わせたり色を変えたりして作られています。しかし、その方法では、 簡単な丸を作ったり、三角形を作ったり、四角形を作ったり、あるいは四角形を回転させたりということはできません。それぞれの図形をCSSで描くことができれば、それをあとは載せてあげて、表示する順序を多少指定してあげるだけでできます。before、afterはそれができるのです。 疑似要素がある場合とない場合で作ってみる。 h1タグで、h1.style1とh1.style3とh1.style5というデフォルトのデザイン（全部コードは同じですが・・・）から疑似要素を追加していきたいと思います。疑似要素を追加したい場合は元のコードのほうに position relative; を追加し、追加したい疑似要素before,afterの方には position absolute;とcontent ""; をそれぞれ追加してあげる必要があります。 作り方 疑似を追加しないデフォルトの見出しのデザインを作り、表示させる。 疑似を追加するためにデフォルトの見出しの最後にposition relative;を付けて疑似の準備をする。 疑似要素のセレクターbefore,afterを用意する。 疑似要素のセレクターbefore,afterの中にposition absolute;とcontent "";を追加してあげる。 図形をCSSで描いていく。 最後に左上からの距離topやleftを記述して図形を調整します。 コード HTML部 !DOCTYPE HTML html head meta charset="utf-8" title 見出しbefore、after /title link rel="stylesheet" type="text/css" href="headline_before.css" /head body div id="box" h1 class="style1" 見出しstyle1デザイン /h1 h1 class="style2" 見出しstyle1デザイン+before /h1 h1 class="style3" 見出しstyle3デザイン /h1 h1 class="style4" 見出しstyle3デザイン+before /h1 h1 class="style5" 見出しstyle5デザイン /h1 h1 class="style6" 見出しstyle5デザイン+before /h1 h1 class="style7" 見出しstyle5デザイン+before+after /h1 /div /body /html CSS部 @charset "utf-8"; /* CSS Document */ #box{ margin 10px auto; width 600px; min-height 600px; padding 20px; border 1px solid #000; } /*見出しstyle1*/ h1.style1{ margin 20px; width 500px; height 30px; font-family "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; font-size 20px; padding-left 50px; background #CFC; } /*見出しstyle2*/ h1.style2{ margin 20px; width 500px; height 30px; font-family "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; font-size 20px; padding-left 50px; background #CFC; position relative;/*疑似要素を使う場合には必要*/ } h1.style2 before{ position absolute;/*中の緑の線を左上から描いていくために必要*/ content "";/*これを入れることで線が表示される準備ができる*/ width 10px;/*中の緑の線の太さ*/ height 24px;/*中の緑の線の高さ*/ background #090;/*中の緑の線の色*/ top 3px;/*中の緑の線の上からの距離*/ left 5px;/*中の緑の線の左からの距離*/ } /*見出しstyle3*/ h1.style3{ margin 20px; width 500px; height 30px; font-family "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; font-size 20px; padding-left 50px; background #CFC; } /*見出しstyle4*/ h1.style4{ margin 20px; width 500px; height 30px; font-family "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; font-size 20px; padding-left 50px; background #CFC; position relative;/*疑似要素を使う場合には必要*/ } h1.style4 before{ position absolute;/*中の緑の丸を左上から描くために必要*/ content "";/*これを入れることで丸が表示される準備ができる*/ border-radius 10px;/*半径10pxの90度の扇形を４つ*/ height 20px;/*直径は20px*/ width 20px;/*直径は20px*/ background #090;/*中の緑の丸の色*/ top 4px;/*中の緑の丸の上からの距離*/ left 5px;/*中の緑の丸の左からの距離*/ } /*見出しstyle5*/ h1.style5{ margin 20px; width 500px; height 30px; font-family "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; font-size 20px; padding-left 50px; background #CFC; } /*見出しstyle6*/ h1.style6{ margin 20px; width 500px; height 30px; font-family "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; font-size 20px; padding-left 50px; background #CFC; position relative;/*疑似要素を使う場合には必要*/ } h1.style6 before{ position absolute;/*中の緑の四角を左上から描くために必要*/ content "";/*これを入れることで四角が表示される準備ができる*/ width 20px; height 20px; background #090;/*中の緑の丸の色*/ top 4px;/*中の緑の丸の上からの距離*/ left 5px;/*中の緑の丸の左からの距離*/ transform rotate(-45deg); -webkit-transform rotate(-45deg); -moz-transform rotate(-45deg); -ms-transform rotate(-45deg); -o-transform rotate(-45deg); } /*見出しスタイル7*/ h1.style7{ margin 20px; width 500px; height 30px; font-family "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; font-size 20px; padding-left 50px; background #CFC; position relative;/*疑似要素を使う場合には必要*/ } h1.style7 before{ position absolute;/*中の左上の緑の四角を左上から描くために必要*/ content "";/*これを入れることで四角が表示される条件が整う*/ width 20px; height 20px; background #090;/*中の緑の左上の四角の色*/ top 4px;/*中の緑の丸の上からの距離*/ left 5px;/*中の緑の丸の左からの距離*/ transform rotate(-45deg);/*回転させる*/ -webkit-transform rotate(-45deg);/*ベンダープレフィックスを付けて回転させる*/ -moz-transform rotate(-45deg);/*ベンダープレフィックスを付けて回転させる*/ -ms-transform rotate(-45deg);/*ベンダープレフィックスを付けて回転させる*/ -o-transform rotate(-45deg);/*ベンダープレフィックスを付けて回転させる*/ } h1.style7 after{ position absolute;/*中の右下の緑の四角を左上から描くために必要*/ content "";/*これを入れることで四角が表示される条件が整う*/ width 10px; height 10px; background #0E0;/*中の緑の右下の四角の色*/ top 16px;/*中の緑の丸の上からの距離*/ left 20px;/*中の緑の丸の左からの距離*/ transform rotate(30deg);/*回転させる*/ -webkit-transform rotate(30deg);/*ベンダープレフィックスを付けて回転させる*/ -moz-transform rotate(30deg);/*ベンダープレフィックスを付けて回転させる*/ -ms-transform rotate(30deg);/*ベンダープレフィックスを付けて回転させる*/ -o-transform rotate(30deg);/*ベンダープレフィックスを付けて回転させる*/ } するとこのようになります。 作り方まとめ 作り方のフローは次の通りです。 疑似を追加しないデフォルトの見出しのデザインを作り、表示させる。 疑似を追加するためにデフォルトの見出しの最後にposition relative;を付けて疑似の準備をする。 疑似要素のセレクターbefore,afterを用意する。 疑似要素のセレクターbefore,afterの中にposition absolute;とcontent "";を追加してあげる。 図形をCSSで描いていく。（注1） 最後に左上からの距離topやleftを記述して図形を調整します。 ※四角や長方形ならwidthとheightとbackground、円ならwidthとheightとborder-とborder-radiusを付け加えていきます。回転させる場合は（円は必要ないけど・・）、transform rotate(角度)を追加していきます。 うーん。ちょっとわかりにくいかもですね。どれか重点的に解説したほうがよさそうです。どこを解説すべきでしょうか？コメントください。 名前 コメント
https://w.atwiki.jp/designnohikidashi/pages/57.html
デザインのひきだし 第47巻 初版第1刷発行 2021年M月DD日 編者 グラフィック社編集部 発行者 長瀬聡 発行所 グラフィック社 印刷・製本 図書印刷 アートディレクション デザイン 撮影 執筆・協力 編集・執筆 企画・編集 ISBN-10 4766136691 ISBN-13 9784766136692 CONTENTS 特集 箱・ダンボール・テープ・缶・プラ包材・パルプモールド商品を入れる・包む=パッケージ＆包材の徹底紹介！ ※CONTENTSの頁表記なし 008 特集 創意工夫が光 パッケージ＆包材20選 018 特集 インタビュー1 UZUクリエイティブコスメパッケージに新しい風 環境に配慮したカラフルなパルプモールドを採用 020 特集 インタビュー2 又吉祐子（琉球黒糖株式会社）片面ダンボールに印刷しておもて面に!? 素材を生かしたギフト用パッケージ 022 特集 インタビュー3 岩崎裕子（岩嵜紙器パッケージデザイナー）まるでパンケーキそのもの！テイクアウト箱に込められたこだわりと機能性 024 特集 インタビュー4 久保元気（butter）、谷垣幸太（奈良醸造）高級クラフトビールに似合う強度とデザイン性を兼ね備えたダンボールパッケージ 026 特集 紙を暮らしに寄り添う"道具"に変える「大成紙器製作所」のものづくり 030 特集 テクニック編 030 製造方法による分類 032 形状による分類 036 特集 紙箱編 038 040 041 042 043 044 045 046 047 048 049 050 051 052 特集 ダンボール箱編 054 058 061 062 064 065 066 068 069 070 071 113 連載・記事 もじモジ探偵団 File19[賞味期限のの文字] 118 連載・記事 こだわりのある紙モノ・刷りモノ店へ [紙の温度] 122 連載・記事 名工の肖像 [活字活版印刷 三木弘志（弘陽）] 126 連載・記事 祖父江慎の実験だもの。 [スクリーン印刷で厚盛り箔＆ホログラム加工ができる魅惑のスクリーンフォイラーに挑戦！] 130 連載・記事 本づくりの匠たち 44 竹紙製造／中越パルプ工業 136 連載・記事 ○○のデザインを考える 第10回[中條正義さんにとってのデザインを考える] 138 連載・記事 偏愛文字デザイン [オルタナティブポスター] 142 連載・記事 編集部注目PICK UP！ [特殊東海製紙の新しい紙＆パルプモウルド] 148 連載・記事 特別記事 [「この画集が、もうひとつのオリジナルだ」宇野亞喜良が新作画集に特殊印刷を多用したのはなぜなのか。] 154 連載・記事 王子エフテックスの白もの用紙「OKミューズガリバー」シリーズは6種類 156 連載・記事 ひきだし通信 本文用紙 用紙協力：王子製紙 P001~032 OKピクシード01 四六判 T目 94.5kg P033~064 OKピクシードNo5 B判 T目 77kg P065~096 OKプリンス上質 B判 T目 70.5kg P097~128 OKトップコートマットN 四六判 Y目 61kg P123~160 OKトップコート+ B判 Y目 54kg
https://w.atwiki.jp/aniwotawiki/pages/29159.html
登録日：2014/07/12 Sat 23 42 48 更新日：2024/08/17 Sat 07 30 51 所要時間：約 2 分で読めます ▽タグ一覧 どうぶつの森 カスタマイズ デザイン ドット絵 マイデザイン 「マイデザイン」とは、『どうぶつの森シリーズ』で搭載されている機能の一つ。 ■概要 GC版『どうぶつの森＋』で初登場。以降のシリーズでも皆勤賞。 32×32（例外あり）マスのキャンバス上にドット絵を打ち込むことでオリジナルのデザインを制作できる。 いわば「君だけの○○を作れる！」的なアレである。 作った「マイデザイン」は服やかべがみ、床、傘、「デザインかんばん」といったさまざまなアイテムに適用できる。 また『おいでよ』からは村の地面に貼ることも可能。 エイブルシスターズの仕立て屋に服や傘として置いておけば、 村の住人が気に入って身につけてくれることもある。 どういうわけか、女性住人が男物を、男性住人が女物を身につけるのはきっと誰もが通る道。 服や帽子につかえば、組み合わせ次第でおしゃれやコスプレを楽しめる。 地面にマイデザインを貼る場合は繋げて設置できるので、石畳などの道を作ったりはもちろん、 その気になれば特大級の絵を作ることも可能。 工夫次第で村の生活をより自分らしく楽しめるシステムとなっているが、 ひとつのマイデザインに使える色数や色の組み合わせが限られている等、いくつかの制限もある。 『街へ行こうよ』までは決められた色のパレット（組み合わせ）から、使用する色のパレットを選ばなければならなかった。 また、仕立て屋の展示以外で基本的にマイデザインが反映されるのは、あくまでもその村のプレイヤーが自分で保存している分なので、 きぬよに保存してもらったマイデザインの分まで使った超大作の絵は作れない。 そんな制限をくぐりぬけ、どこまで限界に挑めるかはプレイヤーの裁量にかかっている。 ネットで調べるとかなりの力作が拝めるので、興味があったら見てみよう。 ■各作品の仕様 『どうぶつの森＋』 マイデザイン初登場作品。 この時点で現在のマイデザインの基本的な要素はほぼ完成している。 本作では、服にマイデザインを適用すると帽子（外せない）と服の前と後ろがすべて同じ模様になるため、 デザインによってはなかなかシュールな図になることも。 『どうぶつの森e＋』 前作『どうぶつの森+』と仕様はほぼ同じ。 カードリーダーで公式から『ゼルダの伝説』のリンクの衣装などが配布された。 『おいでよ どうぶつの森』 プレイヤーの帽子が外せるようになり、帽子と服で別々のデザインを適用できるようになった。 本作ではマイデザインの作成時にタッチペンを使用して入力できるため、大雑把に作成してから十字キーで修正というやり方も可能。 一方で前作まであった「デザインかんばん」は本作から無くなり、涙を飲むプレイヤーも…… 『街へいこうよ どうぶつの森』 本作から、服の前、後ろ、右袖、左袖を別々に作れる「PRO（プロ）デザイン」が初登場。 これにより、コスプレをより気軽に楽しむプレイヤーが増えた。 デザインの作成はWiiリモコンで操作するため、慣れないうちは細かい作業がやや難しい。 『とびだせ どうぶつの森』 本作からパレットの色を自由に組み合わせられるようになった。 「PRO（プロ）デザイン」の作成では長袖、半袖、ワンピースから服のサイズを選べる。 また、「公共事業」の一種で「マイデザイン看板」が登場。自分のデザインを看板に貼り付けることができる。 さらに、家具のリメイクにも使用でき自分だけの家具にアレンジすることが可能。様々なアイデアを出してみよう。 なお、操作方法はタッチペンのみとなった。 本作ではあさみと仲良くなることで、仕立て屋の店内奥にある大きなミシンが使用可能に。 ミシンでは自分が作ったマイデザインをQRコード化して、ネット上のSNSやブログ、pixiv等の投稿サイトで公開できる。 また、他人が公開しているQRコードを読み込んで自分のマイデザインの欄に保存することが可能。 さらに、「夢見の館」で村を公開する場合でも自分のマイデザインをほかのプレイヤーへ配信することができる。 上記の仕様により、他者の素晴らしいデザインを比較的簡単に入手できるようになった。 様々なデザインがQRコードで公開されているので、興味のある人は検索してみよう。 ところで、『とびだせ』では村に新たに引っ越してくる住民がいると、 その住民の家が建つ位置、いわゆる引っ越し予定地が引っ越しの前日に建設されるのだが、 プレイヤーがせっかく育てたお花畑や果樹園、地面のマイデザインがあったとしても、容赦なく引っ越し予定地が配置されてしまう（そこにあったマイデザインや木、花などは消滅する）ことがある。 この現象は俗に「たぬきテロ」「引っ越しテロ」「タヌキインパクト」などとプレイヤーの間で呼ばれ、多くのプレイヤーが涙をのんだ……が、 2016年11月から配信された更新データ『amiibo+』では、村の地面にマイデザインを貼っておくと、その位置には引っ越し予定地が建たないようになった。 （ほかに建設できる空き地が無い場合に限り、マイデザインがある位置にも建設される模様。） 住人の家が建ってほしくない位置にマイデザインを貼ることで、村の整備した場所を守ったり、マイデザインの貼る位置次第では住人の家の位置を指定することも可能。 『どうぶつの森 ハッピーホームデザイナー』 ゲームを進めると「通信講座」を受けられるようになり、その中にある「はじめてのマイデザイン」を受講すると、 以降マイデザインの作成ができるようになる。 作ったマイデザインは『とびだせ』と同様に服として着たり、家具やログ（じゅうたん）、地面等のさまざまなものに使用可能。 基本的な仕様は『とびだせ』とほぼ同じで『とびだせ』でつくったマイデザインのQRコードを読み込むことができる。 また、本作で作ったマイデザインをQRコードにして、ほかの『ハッピーホームデザイナー』や『とびだせ』で読み込むことも可能。 『あつまれ どうぶつの森』 島に移住してたぬきちからスマホを受け取ると、スマホ内のアプリ「マイデザイン」でマイデザインを作成できるようになる。 本作ではマイデザインの保存枠が大幅に増加し、使いやすくなった。しかし、保存枠は島に住むプレイヤー全員で共有される点に注意。 基本的な仕様は『とびだせ』とだいたい同じだが、本作では「透明」の色をつかえるようになり、より自由にデザインできるようになった。 またアプリをPROバージョンにアップデートすると、さまざまな型の服や帽子をえらんで自分だけのファッションアイテムを作成可能。 作成したマイデザインは服として身に着けたり家具などのリメイクにつかえるほか、島の地面や「島クリエイター」機能で塗装した道に貼ったりできる。 また仕立て屋にあるショーケースで、自分のデザインを世界中のプレイヤーにインターネットで公開することが可能。 さらに(実際の)スマホで過去作のマイデザインのQRコードを読み取って使用することも。 本作が様々な要因をうけ各種メディアでも取り上げられる話題作となったこともあり、それに便乗する形で個人に留まらずにメトロポリタン美術館といった美術館やマークジェイコブス等のアパレルブランドなどがマイデザインを公開したことは大きな話題となった。 追記修正はマイデザインでお願いします。 △メニュー 項目変更 この項目が面白かったなら……＼ポチッと/ -アニヲタWiki- ▷ コメント欄 [部分編集] タッチペン一択はスタッフ何考えてんだって思う程不便だったな｡ 一々ズームアップ･アウト繰り返して疲れた -- 名無し (2014-07-13 01 24 19) たぬき「あ、新しく住人が引っ越してくるから剥がしときますねーwww」 -- 名無しさん (2014-07-13 17 31 04) マイデザインのワンピースは女物扱いなので、走るとぶりっこポーズになる悲しい欠点が… -- 名無しさん (2014-07-14 02 46 59) GC版で不慣れな頃、村が広くて道に迷ってたから、矢印作って目印にしてたな。 -- 名無しさん (2014-07-14 03 27 15) 道路と住宅建設予定地を埋めるのに活用してた。貼ってあるところの近くに果物植えないとか対策にちょうどいい -- 名無しさん (2014-07-14 12 13 43) プレイヤーの腕次第で芸術にも子供の落書きにもなりうるシステム。とりあえず、アップデートで引越しテロを防げるようにしてくれた開発スタッフマジ有能。 -- 名無しさん (2017-02-09 18 42 45) 『あつまれ どうぶつの森』のマイデザイン、スマブラの自作ステージと同じようにランダム表示や文字列による検索が出来ればいいなぁと思うのは僕だけだろうか？皆の作った作品を見る手段が作品コードだけなのは不便だと思うが -- 名無しさん (2020-04-08 22 29 20) 自由度が高過ぎで中国では発禁処分を喰らった原因になってしまった模様 -- 名無しさん (2020-04-22 06 42 50) 名前 コメント