日本の伝統色で別注。〈Sengoku Aladdin〉のポータブル ガス ストーブ｜HAPPY OUTSIDE BEAMS

また観光情報のデータベース「観光予報プラットフォーム」と連携し、観光地の基礎情報、混雑情報や、外国人向けのサービス情報なども提供中。今後は、ユーザーの写真投稿機能なども追加予定とのことで、今後ますます楽しみな国産フォトストックサイトのひとつと言えるでしょう。 宮城県 気仙沼港 内湾 Miyagi Inner Bay, Kesennuma Port, METI, CC BY 4.0 International 福島県 さざえ堂 Fukushima Sazae-do Hall, METI, CC BY 4.0 International 福島県 国宝 白水阿弥陀堂 Fukushima Shiramizu Amida-do Hall (National Treasure), METI, CC BY 4.0 International 沖縄県 名蔵湾 Okinawa Nagura Bay, MET

作成：2016/08/16 Webデザイン > ありきたりのWebデザインギャラリーではなく、グリッド線が入っているもの、料金表専門、インフォグラフィックスやグリッド・404・サイドバーなど、少し掘り下げたようなWebデザインギャラリーをまとめました。暇な時に見ているとインスピレーションが湧くはずです。パーツごとに分類。 エンジニア速報は Twitter の@commteで配信しています。 料金ページ 今月話題となった料金ページのみをまとめてあるTumblr製のプライスページギャラリー集。ブログなどに埋め込み可能。 Pricing Pages グリッド参考 スクリーンショットにグリッドを入れてある、グラフィック(紙)やWebのデザインルールがひと目で分かるWebデザインギャラリー集。手間がかかってます。 Grids 404ページ 404ページのみ集めてあります。背景にどんな写真を使ってある

「Web系の最新情報を知りたいけど、日々業務が忙しくて追いかけられない」という方のために、1ヶ月のWeb系ニュースの中で「これだけは押さえておきたい」というものを1つの記事にまとめています。 デザイン フリーランスデザイナーの「つくること、はたらくこと」 // Speaker Deck Twitter などでかなり話題になっていたスライドです。 企画からフォント、写真などデザインの基礎が一通り解説されています。 7つの実例で学ぶ「ワイヤーフレーム通り」のデザインから脱却する具体的な方法 | TomoyukiArasuna.com 慣れていないと、ついついワイヤーフレーム通りに作ってしまいますよね… Photoshop CC 2015.5アップデート・派手な新機能は公式に任せて、地味に有益な改善を見てみよう（そして今あるバグも） – やもめも 主に写真関係の新機能について解説されています。

「ちょっと〇〇君！これワイヤーフレームそのままじゃない！」 Webデザイナーなら、できることなら聞きたくないセリフですよね。私自身ももれなく、こう言われた経験はありますし、逆に後輩に対して同じく「これだとワイヤーフレームのまんますぎるね。。」と伝えたこともあります。 この「ワイヤーフレーム通り問題」は、Webデザイナーなら誰しも一度は経験するあるあるの一つと言えますが、なぜ「ワイヤーフレーム通り」と言われてしまうのでしょうか。また具体的に何をすれば、ワイヤーフレーム通りではなくなるのでしょうか。今回はそのあたりの原因と対処方法を考えてみたいと思います。 「ビジュアルを作る力」と「情報を理解・提案する力」 ズバリ結論を言いますが、ワイヤーフレーム通りじゃん…と言われてしまう人は「ビジュアルを作る力」と「情報を理解・提案する力」が弱いと言えます。 ビジュアルを作る力は幅広い表現の中から適切な手

海の生き物の姿が楽しめる、お馴染みのおやつおっとっと。だけど実際の海にいるエビは、5cmのサクラエビから1.2mのアメリカンロブスターまで、大きさやカタチ、特徴もいろいろ。『フグ』という名前のマンボウもいれば、貝をかぶったタコもいます。そんなおっとっとのなかまたちのアレコレを、遊びながらおいしく学べるトランプができました。海の生き物の生態を楽しみながら学べる50個のオリジナルゲーム、そして図鑑つき。ハラハラ、ドキドキ、たまにモグモグ、お腹いっぱい遊びながら、おさかな博士になれる『おっとっトランプ』です。

2016年5月10日 Webデザイン, ユーザビリティ, 色彩 人間は一瞬で物を識別します。研究によると、たった0.1秒で人を判別できるようです。Webサイトにおいても同じことが言え、ユーザーはWebサイトを開いて0.05秒でそのサイトが好きかどうかを判断し、そのサイトを見続けるか、閉じるかを決めるそうです。そんな大切な「第一印象」。どのようにチェックすればいいのか、考えていきましょう！ ↑私が10年以上利用している会計ソフト！ ぼかしテスト ぼかしテストでは、デザインをぼかした状態で確認し、強調するべき箇所が強調されているかをチェックします。 テスト方法 Photoshopを使う方法と、ブラウザーを使う方法があります。 Photoshopを使う方法 バナー広告やWebサイトのスクリーンショット画像を用意 Photoshopで フィルター＞ぼかし＞ぼかし（ガウス）で5〜10pxほど画像をぼ

こんにちは、デザイナーの佐藤タカアキ（@sato_tkaaki）です。 突然ですが、みなさんは「フェス」に行ったことはありますか？ 僕は生まれが福岡県うきは市というなかなかの田舎でして、上京するまではフェスには一切行ったこともないですし、そもそも「フェスってなに？」という状態でした。 それが上京してみると、いたるところから聞こえてくる「フェス」「フェス」「フェス」。それからはというものの、アートやデザイン、音楽フェスというものにちょこちょこ足を運ぶようになりました。 とはいえ僕もデザイナーの端くれでもあるわけで、そのフェスの情報を扱ったWebサイトのデザインも気になったりしちゃうわけです。そこで今回は、個人的にいいなと思ったWebデザインの参考になるフェスサイトを7つほどご紹介させていただきます。 それではいってみましょう。 Webデザインの参考になるフェスサイト7選 TURN｜アートプロ

『フォトショップ・ブイアイピー』の新着記事です。フォトショップやデザインをたのしむウェブサイト。2009年３月創刊以来、3800を超えるコンテンツを更新しています。フリーフォントなどの無料デザイン素材／配色やWeb制作といった最新トレンドも公開中。

『フォトショップ・ブイアイピー』の新着記事です。フォトショップやデザインをたのしむウェブサイト。2009年３月創刊以来、3800を超えるコンテンツを更新しています。フリーフォントなどの無料デザイン素材／配色やWeb制作といった最新トレンドも公開中。

こんにちは、きんどるどうでしょうです。寄稿が無いので自分で記事を埋めなきゃということで、今日はKDPの表紙に関するお話です。 以前Kindle作家の山田佳江さんに表紙素材に関する寄稿を頂いたためか、結構「表紙」ってキーワードで検索する人がいるんですよね。他の作家さんも「表紙が……」ということで悩まれているんで、事例や考え方についてお話します。 ただ「売れたらそれでいいんじゃないの？」という風にも考えてるので絶対こうしないとダメだ！というわけではないのであしからず。 この記事に関するお約束「１．これは真理ではありません」「２．もっと良い考え方もある」「３．思いついたら教えて下さい」ということでここはひとつお願いします。 Kindle本作りにおける表紙の考え方 最近“出版不況のために出版社の装丁相場が１０万円くらいに下がってきている”なんてニュースを見ましたが、それでも結構な金額かけて出版社は

あなたはタイポグラフィがウェブサイトの可読性・アクセシビリティ・ユーザビリティ、そしてデザインに大きく影響することをご存知でしょうか？美しく読みやすいウェブサイト制作が理想ですが、それってなかなか難しいですよね。 では一体、どのようにすれば「美しく読みやすいウェブサイト」を作ることができるのでしょうか？それはデザインの基本である「タイポグラフィ」を徹底して学ぶことです。特にお客さまと直接会話することのできないウェブサイトでは、コミュニケーションにすべて「文字」が用いられ、基本的にどんな場面でも文字は登場するので、見た目にも大きく影響するからです。事実Web Design is 95% Typographyという記事によると「ウェブデザインの95%はタイポグラフィ」とも言われるほどです。 ですから元々印刷物に対して使われていたタイポグラフィですが、我々ウェブデザイナーもしっかりとその基本原則

あなたはグローバルナビゲーション(別名：グロナビ)がページビュー数や直帰率に大きく影響することをご存知ですか？ウェブデザイナーであれば、しっかり時間をかけてグロナビを設計をし、それぞれのウェブサイトに効果的なレイアウト・デザインをしなければなりません。 では一体、どのようにすれば「ページビュー数や直帰率に効果的なグローバルナビゲーション」が作れるのでしょうか？それは「使いやすく分かりやすいグロナビとは何か」を知ることが重要です。誰でも使いやすく、スムーズにコンテンツ間を遷移できるグロナビは必然的にページビュー数や直帰率に良い影響を及ぼすからです。 例えばこちらの記事にもあるように、あるECサイトのグロナビを改善しただけで売上が56%も向上した事実もあります。そこで今回は「ページビュー数や直帰率に効果的なグローバルナビゲーションの作り方」をご紹介します！ そもそもグローバルナビゲーションとは

僕がお世話になっている マーケッターの2upさんから 情報頂きました。面白かったので 記事にします。有名なブログの Six Revisionsで様々なロゴが どのように今のロゴに決まったか を説明していました。 10のロゴの生い立ちが紹介されています。 Big 10 Big10とはアメリカの大学の運動事業だそうで、元々は10校だったのが、ペンシルバニア州立大が1990年に加わって11校になったので以下のように文字内に「11」を隠し文字で入れたそうです。 Goodwill Goodwillは恵まれない方を助ける非営利団体で、笑顔のマークが特徴のようですが、Goodwillの「G」の部分を以下のようにうまく笑顔に見えるように使っています。色を変えて笑顔に見える部分が強調されています。 Sun Microsystems 有名なSUNのロゴ。左側のシンボルが以下のように「SUN」に見えるように工夫

サービス終了のお知らせ NAVERまとめは2020年9月30日をもちましてサービス終了いたしました。 約11年間、NAVERまとめをご利用・ご愛顧いただき誠にありがとうございました。

Webデザインもコーディングもしますが、デザインする上でわりと「ついでにそれっぽいロゴ作ってよ」ということが、ままあります。最近は個人主催イベントでも、凝ったタイトルロゴを見かけますね。そこで今日は、タイトルロゴ制作の手順を紹介します。 ロゴ、シンボルマーク、ロゴタイプ こちらの記事、刑事ドラマ「確証」のタイトルロゴが丸フォーク系で珍しかったので比べてみたよで書きましたが、ロゴはそのものの第一印象となる重要な要素です。タイトルだけでなく、会社、サービス、ブランド、製品。いろんなロゴがあります。ロゴを見て「このロゴは丸っぽいから子供向けかな」と、わざわざ考える人はあまりいないでしょうが、だいたいなんとなく、無意識で、人はロゴを見てそのものの印象を得ています。 漫画やアニメであれば、ロゴだけが表示されている機会はあまりないので、イラストが印象の多くを占めています。でも、イラストだけの表紙は見か

たまにはデザインの話もしようかと思います。皆さんドラマ見てますか？ユーホは今期見てません！かろうじて確証を時々見てます。その確証ですが、刑事ドラマなのにタイトルロゴが刑事ドラマっぽくない…というわけで、刑事ドラマのタイトルロゴをちょっと比べてみました。 確証〜警視庁捜査3課のタイトルロゴ 丸フォーク系のフォントです。警視庁捜査3課の部分はコメットみたいなフォントです。画像がありませんが、番組中出てくる各話タイトルでは丸文字が使われています。 刑事ドラマというと、相棒とか踊る大捜査線とかがメジャーだと思いますが、だいたいゴシック系か明朝系です。見て行きましょう。 いろいろな刑事ドラマのタイトルロゴ ゴシック体編 刑事ドラマといえば、ゴシック体です。太めのゴシック体にグランジ加工をすることで、ゴリゴリした雰囲気を出しています。刑事＝ゴリゴリしてる！ ゴシック体には男性的、無骨さ、頼りになる、力

前回は、女性向けWebサイトデザインにおける「配色」のバリエーションについてご紹介しました。今回は、見出し等における細部の「装飾」に絞っていくつかのパターンをご紹介しようと思います。 手書き、アナログ風 女性向け（に限らないですが）、手書き風の文字やかすれた線を用いたアナログ的アプローチは、柔らかい雰囲気を出すオーソドックスな手法の一つです。 かすれた線 出典：サロンドパルール 出典：LEWE market かすれた感じの見出しや囲みの線で、アナログ感を表現。普通の直線を消しゴムツールで適当に削るだけでもできてしまうので、比較的難易度も低いです。また、フォントはゴシック体よりも、線幅が不均等な明朝系の方が馴染みやすいですね。 にじんだボタン 出典：フェリシモ 500色の色えんぴつ 出典：やさい あまうま ル・クルーゼ エッジが少しにじんだようなデザインのボタン。ボタンは必然的に目立つような