クールジャパンを吹聴する日本人がコンテンツの「カッコいい魅せ方表現」をできなくなっている問題について - ボン兄タイムス
2014-05-07 クールジャパンを吹聴する日本人がコンテンツの「カッコいい魅せ方表現」をできなくなっている問題について 一時期本格インド式カレー屋に嵌っていて良く通っていた。 カレーが出てくるのを待つ間は、店内に設置されたテレビを見ていたのだが、そこで流れているインドの音楽PVがなかなかカッチョよかった。 ボリウッドだけあってダンスなのだが、サイバー風のセットなどで収録されたイカツくてカッコいい映像編集がとにかく素敵だった。 実はこの系統の表現はどの国の音楽PVでも当たり前の条件になっている。 すごい雑に検索してみたけど、各国の平均的な音楽PVを比較すると・・・・ トルコ İlahi Adalet (Demet Akalın) - YouTube 韓国 EXO-K_MAMA_Music Video (Korean ver.) - YouTube アメリカ Dr. Dre - Kush
『デザインは8の倍数でできている』
1 pixel｜サイバーエージェント公式クリエイターズブログ サイバーエージェントのクリエイターの取り組みを紹介するオフィシャルブログです。最新技術への挑戦やサービス誕生の裏話、勉強会やイベントのレポートなどCAクリエイターの情報が満載です。 はじめまして。 mama&crowdのデザイナー、長谷川彰之介です。 今回は、WEBサイトの「余白」や「ブロックサイズ」「WEBサイトの横幅」に対して 「最適な値は存在するのか？」 について考えてみたいと思います。 少々長いですが、お付き合いのほどよろしくお願いします。 ボックスサイズとは、「ヘッダー」「コンテンツ」「ナビゲーション」などの ひとつひとつの固まりの大きさ（サイズ）を指します。 【第１部】8の倍数 WEBサイトのUIをデザインしていて悩まされるのが「余白」です。 「ここは3px…いや4pxか。もっと空けたら見やすくなるかもしれない。6p
Photoshopの基本的な使い方が分かる入門記事9選 (1/3) - ＠IT
この春から新しく社会人になったり、転職したりして新しい環境にチャレンジしている方は、そろそろ1カ月がたとうとしていることだろう。新しい環境には慣れてきただろうか？ 新社会人はもちろん、転職して新しい業界に足を踏み入れた方も、今は覚えることがたくさんあり過ぎて大変かもしれない。できることなら、ちょっと楽して、さまざまな知識を手に入れたいのではないだろうか？ 例えば、Web制作現場に入社した人なら、Adobe Creative Cloudをインストールしてもらって「取りあえずDreamweaverだけ使えればいいから」なんて言われてDreamweaverだけやっていると、後でちょっと困ったことになるかもしれない。 なぜなら、Webサイト／サービスの元デザインはPhotoshop（よく「フォトショ」と略される）などで作られた一枚絵で渡されることが、ほとんどだからだ。Photoshopは、慣れてい
無料で使えるCCライセンスの写真・映像などの素材を配布している10サイトを一括検索できる「Find CC」
ブログやウェブサイトで使用する写真を色んなサイトで探し回るのは結構大変。そこで、写真共有サービス・動画共有サービス・オンライン写真コミュニティなどのクリエイティブ・コモンズ・ライセンス作品を取り扱っている10サイトから、画像やムービーを一括検索できるようにしたのが「Find CC」です。 Find CC - クリエイティブ・コモンズの作品を一括検索 http://findcc.net/ トップページはこんな感じ。一番上に検索欄があり、検索欄の下で検索したいウェブサイトを選択したり、ライセンスの条件を指定したりできます。 写真やムービーは「パブリックドメイン」とCCライセンスの「表示」「表示-継承」「表示-改変禁止」「表示-非営利」「表示-非営利-継承」「表示-非営利-改変禁止」から条件指定が可能。それぞれの表示が何を意味しているかの説明は各表示にマウスを載せると読むことができます。 Fin
Web制作に必ず役立つIllustratorのチュートリアルやスライドのまとめ
ひと昔前までは「IllustratorはDTP」といった感じでしたが、Illustratorのバージョンアップによる機能強化に伴い、徐々にイラレでWeb制作をおこなう人が増えてきました。 ベクターっぽいスタイルのフラット、ベクターデータのSVGなどの影響もあるかもしれません。 Illustratorを使って、Web制作をする時に役立つ環境などの設定方法や注意点をはじめ、レイアウトやエレメントの作り方、スライスの便利技、時短テクニックなどのチュートリアルやスライドを紹介します。Illustratorで一番ネックとなる「にじみ」の理由とその解決方法も勉強になります。 Speed Design with Illustrator 翻訳版：Illustratorでインターフェイスをデザインする時に役立つ時短テクニックのまとめ ウェブやアプリなどのインターフェイスをデザインする時に役立つ14の時短テク
あなたがGoogle+ローカルページを絶対に登録・管理しなければならない理由
[対象: 中級] この記事では、あなたがGoogle+ローカルページを必ず管理しなければならない理由と管理手順の概要を説明します。 自動的に作成されるGoogle+ローカルページ Google+ページには5つのカテゴリがあります。 商品/ブランド 会社、機関、組織 地域のお店や場所 芸術、エンターテインメント、スポーツ その他 このうち「地域のお店や場所」のGoogle+ページはGoogle+ローカルページと呼ばれ、このブログのGoogle+ページのような他のカテゴリのGoogle+ページとは異なる特徴を持ちます。 その特徴のなかで特に際立っているのは、「Googleが自動的に作成する」ことがあるという点です。 物理的な場所に住所を持っているなら、ほとんどの場合あなたのビジネスのGoogle+ローカルページが作られています。 たとえば下のキャプチャは、僕が所属している株式会社セルフデザイン
Dropboxの共有リンク、外部のWebサイトへ筒抜け
本来は共有相手しかアクセスできないリンクの情報がサードパーティーのWebサイトで参照されかねない問題が起きた。 米Dropboxに、特定の相手にのみ共有したはずの文書やファイルへのリンクがサードパーティーのWebサイトに公開されてしまう脆弱性が見つかった。Dropboxは5月5日のブログでこの脆弱性に対処したことを明らかにした。 今回の脆弱性は、Webサイトでユーザーがどこから来たのかをチェックする「リファラヘッダ」という標準的な機能に関連する。Dropboxではユーザーが自分のDropbox内のファイルやフォルダへのリンクを特定の相手と共有でき、リンク経由で共有されたファイルは本来、このリンクを持っている相手にしかアクセスできない。 ところが、サードパーティーのWebサイトへのハイパーリンクを含んだ文書へのリンクを共有し、そのリンクを受け取った相手が文書内のハイパーリンクをクリックすると
サービス終了のお知らせ - NAVER まとめ
サービス終了のお知らせ NAVERまとめは2020年9月30日をもちましてサービス終了いたしました。 約11年間、NAVERまとめをご利用・ご愛顧いただき誠にありがとうございました。
Web制作フローが「完璧」にわかる資料や流れのまとめ | コムテブログ
TL;DR 受注前、制作フロー、安定収益源の保守方法まで「作って終わりにしない」Web 制作の一連の流れを記載しておきます。社内だけじゃなく、これから独立する人、フリーランスの方も必見です。 オリエンテーション／受注前 １．書類テンプレート一式 オリエンテーションにおけるヒアリングでは、後に作成する提案・見積書に必要となる質問を用意しておきます。自社の説明をする時は、せっかちなクライアントさんもいるので、だらだら話さず、ポイントを抑えてわかりやすく説明します。ヒアリングした後は、議事録にメモし社内共有。必要な書類（ヒアリングシート／企画書／提案書／業務委託書／見積書／契約書）など一式まとめてますので、書類系のテンプレートは以下で。 企画・提案・見積・納品・契約などのテンプレ・知識まとめ２３ ２．見積もりの目安と計算方法 例えば項目を作るとき１．項目／２．内容／３．設計(人日)／４．製造(人
買い物しながら自分が選んだ学校に寄付ができるフリマサービス「Swopboard」 | Techable(テッカブル)
日本だけでなく世界的にホットな市場となっているフリマ系のサービス。スマホやパソコンを使って個人間で何かを売買するということが、当たり前になってきている。 そんなフリマ系のサービスで、これまでのものとはちょっと違った特徴をもつサービスを1つ紹介したい。それが「Swopboard」というサービスで、フリマに“寄付”を合わせたサービスである。 仕組み自体は非常にわかりやすく、商品を売る側のユーザーが、出品時に料金の一部を寄付金として設定し、商品が売れた際にその金額が、自分で前もって選んでおいた学校に寄付されるというものだ。 このサービス上でできることは、物を買うこと・売ること・欲しい物を保存することの3つ。ユーザーはアカウント作成時にzipコードから自分の近隣のエリアや学校を検索・登録することができ、自分の特定のエリアや同じ学校に支援したい人をソートして商品を売買することもできる。 利用料は無料
イラレで代替フォント適用箇所を見つける | APEIROPHOBIA
イラストレータファイルを開いた際に「ドキュメントで使用されているフォントは、システムにないか、形式が異なります。」という警告が表示される場合があります。（WindowsだとHelvetica Neueがフォントグループから独立したり、HelveticaNeueとスペースが外れたりという場合が多い） そのまま開くと代替フォントで表示されるのですが、そこをきちんと直したい場合に、その対象を探すのが大変な時があります。 そんな時は「ファイル/ドキュメント設定」内の「代替フォントを強調表示」をONにしてやります。 するとこんなかんじで、代替フォントが赤マーキングされ、わかりやすくなって便利であります。
【キャラクターデザイン】キャラクターの喜怒哀楽や行動を表すパターン
キャラクターのデザインをしていて基本的なことなのですがそれぞれのキャラクターに喜怒哀楽の表情があると思います。 それを表現するにあたって喜怒哀楽・行動のパターンを表すまんが記号や表情のパターンを並べてみました。 普通の表情 今回はこちらの蟹のキャラクターを使います。これが何もないシンプルな状態。 驚く 王冠のようなマークで驚きを表現します。これは簡単。 悲しむ 一番分かりやすいのが涙。大げさに流すくらいが分かりやすい。白目になったりもいい。 照れる 斜線を使って少し頬を赤らめます。なんだか少し嬉しそう。頭をぽりぽりかいているとよりらしいですね。 慌てる 汗をｼｭｼｭｯと出します 落ち込む 伏し目がちにして、どんより。体育座りにしたり後ろを向けたりしてポーズで表してもいいですね。 どんより #のような格子状の線を敷き詰めて、さらにどんよりとしたオーラを身体を中心に出します。がっくりと肩を落と
【UI/UX考察付】デザイナーが解説！女子向けアプリのデザインのポイント
ここ最近、女子向けアプリが多数リリースされているのはご存知でしょうか。 SNS、ユーティリティ、ライフスタイル、ナビゲーションなどアプリのカテゴリも様々です。 そこで今回は、最近話題になっている女子向けiOSアプリ5サービスについて、それぞれのアプリの特徴・UI/UXのポイントと、女子ウケする共通エッセンスをデザイナー・企画視点で考えていきます。 恋するマップ-女子ちず- /ナビゲーション 特徴 女子向けの地図アプリ。 もうご存知の方も多いかもしれませんが、地図業界を震撼させた女子向けの地図アプリです。 通常の地図アプリ機能に加え、女子には必須なトイレからカフェ、サロンなどの情報も写真付きで確認することができます。 ポイント 一番の特徴であり、女子ウケポイントでもあるのが画面右上にある“チャーム”。 スマホの傾きをキャッチして揺れるだけですが、こうしたさりげないところにかわいい！と思えるポ
【予想外】斜め上をいく文の里商店街のポスター52点
大阪市阿倍野区にある「文の里（ふみのさと）商店街」では、最近シャッターを下ろした店が目立つようになってきました。 そこで、商店街の活気を取り戻そうと大阪商工会議所が、商店街のPRポスター約200点を、電通関西支社に依頼して制作しました。制作したのは電通関西支社の若手クリエーター60人。そこで制作されたポスターが斜め上をいっていて素敵でしたのでご紹介します。（本当は全部センスがあって紹介したいのですが、今回は特に気になったポスターをご紹介します） 大嶋漬物店 ポスター？ はよ作ってや。死ぬで。 やっと気付いた。この仕事、しんどい。 お漬かれさまでした。という文字までこだわっています。すごい。 鳥藤商店 いいムネあります。 いいモモあります。 浜口鮮魚店 おめで鯛！があるならメリークリス鱒！てのはどやろ。 これ、スズキ。僕、ハマグチ。 アンティーク着物 姉妹屋 その着物 かわいいやん かわいい
知ってた？ピント合わせが超高速になる親指AFの使い方と設定方法！
一眼レフやミラーレスは写真をボカしやすいという特徴がありますが、裏を返せばピンボケをしやすいという欠点にもなります。大事なのは狙った場所にしっかりとピントを合わせること。そこで今回は誰でも飛躍的にピント合わせが速くなる「親指AF」と呼ばれるテクニックについてご紹介します。 たぶん３倍はピント合わせが楽になるアマチュアカメラマンは５％しか使ってないけど、プロは９５％くらい使っているというくらい、便利なテクニックです。しかもぜんぜん難しくない。（＊当社比） 「親指AF」（おやゆびえーえふ）という方法、ある程度写真を続けている中級者以上の方ならご存知の方も多いかもしれませんが、写真を始めたばかりの初心者の方なら聞いたことすら無い人が大半かと思います。 というのも世の中のほぼ全てのカメラは買った時点では「親指AF」は出来ないから。メニューの中から自分で設定しないといけないのです。今回はそんな「親指
読書記録をとるのなら、京大式カードを使いなさい。まじで使いなさい。 - マトリョーシカ的日常
記録をとる 読書は難しい。しかし、記録をとることはそれよりずっと難しい。僕らは一冊の本に目を通すたびに言いたい文脈や、頭の奥に残る風景が積もる。それは都心に降る新雪のようで、積もるたびにすぐに溶けてなくなってしまう。いくら読んだ本を指折り数えても、アスファルトは以前として灰色のままだ。 人は忘れる生き物だ。それは仕方のないことだ。一部の天才を除いて、見聞きしたことをそっくりそのまま覚えていられる人は存在しない。「それでも僕は、私は覚えていたいんだ」。それなら外部記憶を味方につけよう。PCにバックアップをとるように、人間にもUSBメモリや外付けHDDが必要だ。 何を使えばいいか。京大式カードである。 京大式カードを使った読書記録は、梅棹忠夫が自身の著作である『知的生産の技術』で述べている。 京大式カードとは、B6の大きさに何本かの罫線が引かれているカードである。やや厚めで保存も容易だ。見たと
早く使ってみたい、Googleがテスト中の新ブックマークサービス「Google Stars」
Googleが新たなブックマークサービス「Google Stars」を社内テストしている。このサービスをうかがい知ることができる動画が公開された。公開したのは、Starsが社内テスト中であることを先日発見したGoogle+ユーザーだ。 すでに明らかになっている情報から、このStarsは、Web上のアイテム（記事・画像・動画など）を包括的に保存・分類し、検索や共有が可能なサービスのようだ。 Google、新機能「Stars」を開発中 Web上の記事・画像・動画などを保存、共有、自動分類 ブックマーク機能自体は初期のWebブラウザから利用されてきた。時を経て、現在ではChromeやFirefoxなどで他端末とのブックマークを同期することが可能になっている。また、近年人気のEvernoteやPocketのようなWebサービスも広い意味でのブックマークサービスだし、共有という視点からははてなブック
CSS Nite LP27「スマートフォン対応サイト制作」フォローアップ（4）『レスポンシブWebデザイン実践編』こもり まさあきさん｜CSS Nite公式サイト
CSS Nite LP27「スマートフォン対応サイト制作」フォローアップ（4）『レスポンシブWebデザイン実践編』こもり まさあきさん 記事公開日：2013年8月22日（木） 2013年5月25日（土）、ベルサール九段で開催したCSS Nite LP, Disk 27「スマートフォン対応サイト制作（3）」のフォローアップとして、こもり まさあきさんの『レスポンシブWebデザイン実践編』セッションのスライドなどを公開します。 スライド CSS Nite LP, Disk 27に参加された皆様、10セッションの長丁場お疲れ様でした。 4番目のセッションを担当したこもりです。 今回は「レスポンシブWebデザイン実践編」ということで、実際の制作時の困った、レスポンシブだとこうなるから…という誤解をどうにか解けないかということで、設計時の考え方や全体的なワークフローには一切触れずに実装のみに話を絞り
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
ステップアップ | 作りながら学ぶ HTML/CSSデザインの教科書-公式サポートサイト
JavaScript Debugging
UIデザイン、必須ツールメモ
【悪用厳禁】人を洗脳する手順を教えて | 不思議.net
新着記事
プログラミング初心者が短いステップで成長していくためのオススメの勉強法は「短期集中→継続」｜U-NOTE [ユーノート]![プログラミング初心者が短いステップで成長していくためのオススメの勉強法は「短期集中→継続」｜U-NOTE [ユーノート]](https://cdn-ak-scissors.b.st-hatena.com/image/square/d8a26cd19e31b219762bb639dad58bc7f3c038f2/height=288;version=1;width=512/http%3A%2F%2Fimgs.u-note.me%2Fnote%2Fcaption%2F47487074.jpg)
