タグ

Webdesignに関するpopup-desktopのブックマーク (264)

  • サイトリニューアルのお知らせ | ネットラジオの音楽専門局 i-Radio

    i-Radioはサイトをリニューアルいたしました。 引き続きi-Radioをお楽しみ頂きますようお願い致します。 2001年以来(!)のリニューアル。 今回はWindows Media Playerから卒業、新たにFlash、HTML5 によって番組が再生されます。 ★ PC, MACの方は最新版のFlashを入れてください。 新しいサイトは、スマートフォンにも対応しています。 http://i-radio.fm に来ていただくとスマートフォン向けのサイトが表示されます。 iPhone, iPod Touchに対応。 (iPadでもお聞き頂けます。) Android 2.0+ にも対応している可能性があります。 (Androidでは、最新版のFlashが必要です。) ★Android 全てのキャリア、機種には対応できていません。ご了承ください。 今まで別々にあったRadio, Video,

    popup-desktop
    popup-desktop 2012/06/07
    「2001年以来(!)のリニューアル。」!!
  • Blog on Digital Media › 劣化するWebメディアの“ユーザー体験” デジタルメディアは印刷メディアに学ぶべきなのか?

    収集のつかないくらい取り散らかった Web  メディアのデザインは、 ユーザーの集中を阻み、“メディア体験”を蝕む このままでは、 印刷メディアを克服したとする Web メディアも、 読者に“ノー”と言われる時がやってくるかもしれない Web(メディアの)ページは、あまりに多くユーザーへの接触点を盛り込んで取り散らかってしまい、読者はコンテンツに集中することができない。 こう語るのは、米国でブログ、ビデオなど多くのソーシャル型コンテンツをネットワークするメディア企業 SAY Media の CEO、Matt Sachez 氏です。 Ad Age DIGITAL 掲載記事「Take a Lesson from Print Media: Clean Up Web Layouts」(印刷媒体から学べ:Webページのレイアウトを片付けろ)で、氏は昨今のデジタルメディアが生み出す“体験”が

  • おもてなしをテーマにした 「太宰府天満宮ウェブサイト」がオープン! | 面白法人カヤック

    1100年の歴史と最新HTML5関連技術の共演 太宰府天満宮と面白法人カヤックの協同により太宰府天満宮ウェブサイトが「おもてなし」をテーマにオープン 株式会社カヤック 2012年4月24日 株式会社カヤック(社:神奈川県鎌倉市、代表取締役CEO:柳澤大輔、以下「カヤック」)は、福岡県太宰府にある「太宰府天満宮」との協同により「太宰府天満宮」のウェブサイトを企画・開発したことを発表いたします。サイトの公開は、2011年12月20日。公開以降はコンテンツ開発を継続しながら、季節ごとにダイナミックにサイトカラーを変化させるなど進化を続けています。2012年夏にはスマートフォンへも対応を完了し、新たに神社にまつわるコンテンツの追加を予定しています。 太宰府天満宮ウェブサイトリニューアルの経緯 太宰府天満宮のウェブサイトはもともと、御神忌(ご命日)1,100年に迎えるにあたり1998年に開設してい

    おもてなしをテーマにした 「太宰府天満宮ウェブサイト」がオープン! | 面白法人カヤック
  • 太宰府天満宮|全国天満宮総本宮

    ご祈願 御殿にて、天神さまの御神徳をいただきます。それぞれのお願いごとが叶いますよう、天神さまと皆様の仲を神職が執り持ち、祈りを捧げます。

    太宰府天満宮|全国天満宮総本宮
    popup-desktop
    popup-desktop 2012/04/24
    制作はカヤック。上手いこと作ったなぁ…。 http://www.kayac.com/news/2012/04/dazaifutenmangu_web
  • http://webdesignmatome.com/webdesign/js_anim

    http://webdesignmatome.com/webdesign/js_anim
  • テクノロジー : 日経電子版

    電気自動車(EV)にコネクテッド(つながる)、自動運転――。新技術を搭載するクルマが続々と登場しているが、大ヒットを記録しているものは少ない。どうすれば普及期に突入できるのか。 「…続き エコカーに「無関心の壁」 米自動車市場の現実 [有料会員限定] EV時代はまだ来ない 現実解は「マイルドHV」

    テクノロジー : 日経電子版
  • 変形 - Akiba Hideki

    今回は、「設計変更」が発生したときの設計者とクライアント間のコミュニケーションを考慮しました。 あなたは、あなたのために仕事を注文するクライアントやディレクターとどのような意識を持っていますか? たとえば、少し大規模なシステム開発の場合、「このように動くものを作る」と言った直後にプログラムを作成する開発者などはいないようです。 実際、システム開発の予算の大部分は非常に重要であるため、「設計(要件定義を含む)」に充てられています。 つまり、この「設計」フローがなければ、手を動かすことで作業することはできません(大まかに言えば)。 一般的なデザイナーの仕事には大きな懸念があります。 つまり、「要件を設計および定義するためのフローなしで設計を行う設計者が多すぎます」。 現在、特にWeb制作では、「デザイナーと開発者」は異なる次元の人種のように切り離されていますが、それは当ですか? 私はデザイナ

  • Webデザイナーがデザイン提出時に添える「デザイン趣意書」について、少し掘り下げてみた | Mnemoniqs Web Designer Blog

    ここでいう「デザイン趣意書」はそんな大それたものではなく、テキストエディタにちょいとデザインの要点を箇条書きした程度のものです。 完成したデザインをディレクターに提出するときや、ディレクターがクライアントや代理店にデザインを確認するときに使うアレです。これが改めて大事だなって思ったので書き留めておきます。 「デザイン趣意書」に書くこと この趣意書の一番の目的は「なぜこのデザインにしたか」を、ディレクターやクライアントにわかりやすく伝えること。Webに関して素人のクライアントも多くいるので、どんな細かいディティールよりも、はっきりとしたわかりやすい理由のほうが納得してもらえることが多いです。 趣意書に含めている内容としては、 ・なぜこのデザインにしたのか (サイトの目的やターゲットユーザーなどから) ・どんなところを工夫したのか (デザインの付加価値) ・ユーザーに対してどんな効果を狙

  • 米国のデザイン教育から学んだこと デザイン会社 ビートラックス: ブログ

    はじめに教授からのWhy? Why? Why?と立て続けに押し寄せる「どういったロジックを元に〜をデザインしたのか?」という質問の嵐に対して、学生達がBecause, Because, Becauseと素早く理論を構成して「何故なら〜だからです」というロジックを組み立て続ける。 そんな米国大学で展開されるデザイン講義を目の辺りにしてきた僕は、「デザインとはこんなにも理論的なプロセスだったのか」という率直な実感を持っています。 デザインと聞くと生まれ持った才能を存分に発揮してクリエイティブに様々なものを生み出していくというイメージをお持ちの方も多いかも知れませんが、これは全くの誤解であると言えます。 来、デザインプロセスとは問題解決を前提としているため、地味な作業の連続であり、非常に理論的なプロセスで構成されています。 僕は日で5年間、米国で3年間デザインの教育を受けましたが、実感として

    米国のデザイン教育から学んだこと デザイン会社 ビートラックス: ブログ
  • Ring

    Ringとは、リクルートグループ会社従業員を対象にした新規事業提案制度です。 『ゼクシィ』『R25』『スタディサプリ』など数多くの事業を生み出してきた新規事業制度は、 1982年に「RING」としてスタートし、1990年「New RING」と改定、そして2018年「Ring」にリニューアルしました。 リクルートグループの従業員は誰でも自由に参加することができ、 テーマはリクルートの既存領域に限らず、ありとあらゆる領域が対象です。 リクルートにとって、Ringとは「新しい価値の創造」というグループ経営理念を体現する場であり、 従業員が自分の意思で新規事業を提案・実現できる機会です。 Ringフロー その後の事業開発手法 Ringを通過した案件は、事業化を検討する権利を得て、事業開発を行います。 さまざまな事業開発の手法がありますが、例えば既存領域での事業開発の場合は、 担当事業会社内で予算や

  • Webデザインの評価項目をつくる

    Webデザインの評価項目というのを、ディレクターやデザイナーの方々はつくっているでしょうか? 評価項目があると、デザイナーやディレクターだけでなく、クライアントにとってもデザインの基準がわかりやすくなり、目標地点が明確になります。 今までつくったことがなかったという方は、この機会につくってみてはどうでしょうか。 改めて、Webデザインの評価項目をつくるメリットです。 デザイナー、ディレクター、クライアントにとって、デザインを評価する共通認識を持つことができ、三者間で認識のブレが少なくなる デザインの優先すべき項目(もっと企業の色を出したい、など)がわかりやすくなり、それをデザインに反映させることができる デザイナーは、すでに満たされている要素にそれ以上時間をかけることがなくなり、足りない要素に注力できる デザインの評価項目とデザインエレメント一覧表 私はWebデザインの評価項目を、以下のよ

    Webデザインの評価項目をつくる
  • Webコンテンツ、JavaScriptと画像が増加の一方で、Flashは減少傾向に

    HTTP Archiveに2011年と2012年のWebサイトにおけるコンテンツの傾向比較が「2011 recap」として発表された。HTTP ArchiveはWebサイトを分析し、どの種類のコンテンツがどの程度転送されているかをまとめているサイト。2011年と2012年のサイト比較ではFlashを除くほかのすべての主要コンテンツのデータ転送量が増加しており、全体としてコンテンツ量が増加傾向にあることがわかる。 「2011 recap」では特に次の2つのデータ変化を指摘している。 Webサイトデータのうち過半数を画像データが占めており、しかも増加傾向にある。増加割合ではコンテンツ種類別で2番目に多い。 JavaScriptの増加率が44%と飛び抜けて高い。画像の増加率の2倍以上の増加率となっている。 コンテンツタイプ(Webサイト平均) 2011年1月 2012年1月 増減の割合

  • 楽天から学べる日本的なWebアプローチ

    学べるところが多い楽天ページWebデザインに関わる様々な情報やノウハウが世界中で共有されているとはいえ、お国柄は存在します。Yahoo!でも、世界共通にみえる UI コンポーネントがありますが、アメリカと日中国ではアプローチが異なります。情報にメリハリをきかせているアメリカ。今の話題を中央にたくさん詰め込めるように工夫してある日。クリックをしなくても膨大な情報を消化することができる中国。ポータルサイトをひとことで言ってもやり方がいろいろあることが分かります。 各国の Yahoo! を見て「欧米はシンプルなのに、日中国はなんかごちゃごちゃしている」と感じた方はいるかもしれません。なぜそんな小さなところに情報を詰め込むのか、なぜページを整理しなのか、メッセージを絞ってメリハリをつけないのか、といった悩みを抱えるデザイナーもいるかもしれません。 日らしい忙しいデザインの代表例としてよ

    楽天から学べる日本的なWebアプローチ
  • 23+ Unique One-Page Interface Designs

    Short and sweet, yet fun and unique. These sites have a great selection of photos, info, and super cool interface all wrapped up in a single page. Bellow is a collection of some of my favorite awesome one-pagers, check them out! Unique Interface Designs Los Morochos de la Usina Super creative and entertaining, filled with fun animated details. I especially like the effects connected with mouse mov

    23+ Unique One-Page Interface Designs
  • not found

  • あなたが定義するWebの仕事を見つけるために

    1月13日イマジカデジタルスケープ主催イベントOPEN-iセミナーが開催されました。様々な情報やトレンドが目まぐるしいスピードで流れては消えていくので見定めれない。今までのような作り方では続けられないかも・・・となんとなく思いながらも変えることが出来ない方はいると思います。先月の CSS Nite Shift 5 では、従来の Web サイト制作は終焉を迎えると話しましたが、そこでは「ではどうする?」といった部分は深く掘り下げませんでした。今回は「テクノロジー×クリエイティブ視点でみる、Webの仕事の行方」と題して、今後の Web プロフェッショナルの姿をテクノロジー視点、クリエイティブ視点から紹介しました。 あなたが職種を定義している 「Webデザイナーってなに?」「Webディレクターって何をしてるの?」「これから Web デベロッパーってどうなるの?」みたいな話を時々見かけることがあり

    あなたが定義するWebの仕事を見つけるために
  • 本書きました「Webクリエイターズガイドブック」

    2014年8月19日 お知らせ この度「Webクリエイターズガイドブック」というを書かせて頂きました。実は昨年12月の末に発売されていたのですが、年末でバッタバタだったので告知がこのタイミングとなりました。ブログやTwitterで告知していなかったのに発売されてすぐ購入して頂いた方もいたようで…当にありがとうございます!それではここで少しの内容を紹介したいと思います。 ↑私が10年以上利用している会計ソフト! コンテンツ 「Webサイト制作とはなんぞや?」という初心者さんが、このを見ながらひとつのサイトを完成させる事ができるような、そんな内容になっています。 今求められているWebクリエイターとは 計画をたてよう デザインの基礎 Photoshopの基礎 細部にこだわったWebデザイン 実際に作ってみよう!①Photoshop編 HTMLの基礎 実際に作ってみよう!②HTML編 C

    本書きました「Webクリエイターズガイドブック」
    popup-desktop
    popup-desktop 2012/01/11
    表紙が大人の事情すぎる……。どうしてこうなった……。http://www.amazon.co.jp/dp/4777516520/
  • レスポンシブにデザインするために克服すること : could

    画像の課題は解決されつつある 先日 Web担当者 Forum で、レスポンシブ・ウェブデザインの功罪とモバイルファースト という記事が掲載されました。Media Queries を活用するなど実装のための概要を説明した上で、非表示だけど読み込まれているから膨大な画像素材が存在する PC サイトのレスポンシブデザインは不適切であると書かれています。 現存の Web サイトを Media Queries だけでレスポンシブ・ウェブデザインをするのであれば、Web担当者 Forum での指摘は間違っていませんが、実際のところレスポンシブにデザインすることは、Media Queries による対応だけではありません。例えば、画像の表示のさせ方を工夫すれば、記事で指摘している課題はある程度解決できます。Web担の記事からもリンクされている CSS Rador でも取り上げられている解決策もありますが

    レスポンシブにデザインするために克服すること : could
  • Loading...

    Loading...
  • デザインストック用アプリケーション「Sparkbox」どや? | 毎日考

    価格: 19.95ドル→11.95ドル(967円、2012年1月6日現在) Mac App StoreでLimited Free! ←イマココ(2012年1月7日現在) 販売元: IcyBlaze Software Inc Verdarさんの言葉を借りますと、「機能としてはiPhotoに似ているのですが、サイトのスクリーンキャプチャ機能などがあり、デザイナーのための画像ライブラリといった感じ」という感じのアプリケーションです。 …ってひどい!手抜き!あやまれ! 試用は15日間(でした)。で、インストールはSparkboxサイトのDownloadから。隣にBuy Nowボタンがあって、期間は書いてありませんが40%オフの11.95ドルにディスカウントされています(した)。 To thank all the Beta testers and customers, we’re introduci

    デザインストック用アプリケーション「Sparkbox」どや? | 毎日考