• ベストアンサー
  • すぐに回答を!

【Webデザインの技術】佐藤秀峰さんのWebサイトで

こんばんは。よろしくお願いいたします。 Webデザインに関しての初心者なのですが、 佐藤秀峰さんのWebサイト↓ https://satoshuho.com/index.html こちらは良くあるWebサイトと違って ・手書きのような画像 ・本を開くような分かりやすい操作性 があると思うのですが、このサイトをデザイン、プログラミングの技術で説明すると、どういう言い方をすればよいのでしょうか? それはWebデザインの中でも、高度なものだとお見受けするのですが いかがでしょうか? 用語を調べても、実際どのようなものなのかイメージがつかず デザインの技術を言葉で説明したいのです。 プロの方にとっては簡単なことかと思いますが、 教えていただけると幸いです。よろしくお願いいたします。

共感・応援の気持ちを伝えよう!

  • 回答数2
  • 閲覧数77
  • ありがとう数3

質問者が選んだベストアンサー

  • ベストアンサー
  • 回答No.2
  • nidonen
  • ベストアンサー率55% (3658/6607)

 高度かどうかで言えば、別に高度ではありません。ゼロから プログラミングするなら大変ですが、こういった見せ方をする 技法は何年も前からあり、珍しくはないのです。  たとえばオンラインでコミックを販売しているサイトでは、 この手のビューアを使っているところも多いです。ちなみに 使われている技術( というか言語 )は JAVA が多いです。

共感・感謝の気持ちを伝えよう!

質問者からのお礼

たいへん助かりました。ありがとうございました。 JAVAと言われると、どういうときに使うのかなんとなく分かりました。 オンラインコミックの“ビューア”←この言葉を求めてました! >こういった見せ方をする >技法は何年も前からあり、珍しくはないのです。 プロの方が、私のような素人には見分けがつかない いろいろな使い方をしているんですね。 稚拙な質問に補足回答してくださり、ありがとうございました。

関連するQ&A

  • WEBデザインを勉強する書籍

    現在個人事業でプログラムを作って生活しているのですが、時々WEBサイトの作成依頼があります。 HTMLやCSSなどはもちろんわかるのですが実際のWEBデザインの技術がありません。 それ見ようなデザインはやるのですが、プロのデザイナーにはもちろんかないません。 そこで、プロまではと言わないですが、もっとデザイン技術を勉強したいので参考になるデザインの書籍等はないでしょうか? ちょっとやそっとでは無理なのはわかっているのですが、少しでもデザイン技術を向上させたいです。 よろしくお願いします。

  • WEBデザインについて

    1年ほど前から独学で HPビルダー等を使って商用のHPを作成しています。 努力が実り、簡単なページなら作れるようになりました。 しかし、デザインの引き出しが少なく、 プロの方と並べるとやはり見劣りしてしまうのが現状です。 ↓これぐらいのクオリティのものをつくれるようになりたいのですが。 (本当にきれいで惹かれるデザインです。) http://oseibo.gift-index.jp/?gclid=CKbk05Tno58CFccvpAodvnlT3A 書籍、ホームページ等、独学でデザインが上手くなるような 媒体を教えていただけますか? (HTML等の技術ではなく、伝わるデザインの方法という感じです) よろしくお願いします。

  • Webデザインの勉強にオススメの本等教えて下さい

    大学在学中、Webの勉強を独学で始めました ある程度理解してきたのと同時にアカデミック版のAdobeWebPremiumを購入し Photoshopでデザイン→Dreamweaverでコーディングという形を取るようになりました コーディングに関してはほぼデザイン通りにXHTML+CSS2で組み立てることが出来るようになり この時点から知人に頼まれWebサイト等を5件ほど作成したのですがデザインがいまいちぱっとしません 自分なりに海外サイトでフォトショップチュートリアルなどを見てプロが作るようなデザインを勉強しているつもりなのですが いざ、0から自分でデザインをしようとするとパッとしないデザインになってしまいます 動きが足りないのかな?と最近jQueryなんかも勉強を始めたのですがやっぱりデザインがすべてだということが分かりました そこで、質問なのですがWebデザインを勉強するにあたってオススメの書籍や勉強会の情報など教えて頂けないでしょうか? 趣味程度ではなく、Webデザイナーとして食べていけるようになりたいと本気で考えています 暇な時間があれば常にパソコンに向かってWebの勉強をしてるくらい本気です Photoshop、Fireworks、IllustratorでのWebデザイン関連の書籍でお願いします 尚、Webデザイン系の会社へ就職して先輩方に教えてもらう、専門学校へ入学する等の選択肢はなしでお願いします

その他の回答 (1)

  • 回答No.1

> このサイトをデザイン、プログラミングの技術で説明すると、どういう > 言い方をすればよいのでしょうか? 「FLASHサイト」の一言で片付きます♪

共感・感謝の気持ちを伝えよう!

質問者からのお礼

早速の回答ありがとうございました。 お恥ずかしながら、FLASHはサイトのナビゲーターの上で動いてる 画像っていう固定観念がありました。。 ものすごく簡単なことだったようですね。 制作をしたことない一般人にとって、 どのサイトのどれがどの技術なのかって分かりにくいです。 これは、フルフラッシュサイトということでしょうか。 とにかく勉強になりました。 ありがとうございました!

関連するQ&A

  • Webサイト制作のプログラミング部で高い評価を得られる資格はあるでしょ

    Webサイト制作のプログラミング部で高い評価を得られる資格はあるでしょうか? ソフトウェア開発技術者、テクニカルエンジニア(データベース)などあるようですが。 当方、Webデザインは良いレベルにあると思います。 客支給素材・素材集素材などをアレンジメントしてWebレイアウトを作りこむというWebサイトのエディトリアルデザインと、 SEO効果の高いXHTML&CSSソース記述については。 弱いのはプログラミングです。このごろ初めてプログラミング(JAVA)を学習し出し、これからの状態です。 また、素材をCG合成するのも最終形のセンスはあるものの技術レベルとしては初歩程度です。 結局のところ、Webデザインという、グラフィックとソース記述だけでは一人でサイトを完結できないので、 プログラミングにも手を伸ばそうとしているのですが、まずは「ここまでのことができるようになった」というはっきりした 目標を設定したいです。 しかし、「ネットショップシステムができた」、「会員制システムができた」という切り口だと、一応できたという程度では 話にならないと思います。XSS、CSRF、バッファーオーバーフローなどのセキュリティ面の精度もあるでしょうし。 なので、PHP、JAVA、DB等のプログラミングエリアにおける資格をまず目標とすべきか?と思いました。 大企業の広大なWebシステムでもない限り、PHPとMySQLなのだろうか?と感じてはおりますが実は的外れかも知れないとも 感じております。 Webサイト制作のプログラミング部分において高い評価を得られる資格はあるでしょうか?

  • ウェブページデザインの指導

    部下にウェブデザインを教えているのですが、私の教え方が下手なのか、一向にデザイン技術があがりません。 書籍やウェブサイト、ヤフー新着などの閲覧など、知識の向上を行わせてはいるのですが、未だにはちゃめちゃなウェブデザインしか出来ず、HPビルダーのテンプレートのようなロゴしか作れません。 正直、もうこれ以上どう教えれば良いのかわからないところがあります。なにか良いアイデアがあればお教えください。 尚、デザイン学校や講習会参加は費用や時間の問題で難しいのが率直なところです。

    • ベストアンサー
    • CSS
  • PHPを使ったwebサイトを作るにあたって必要なスキル

    こんにちは。新高2です。 今、私の趣味のひとつにwebサイトの製作があります。 CMSを用いてコミュニティサイトを運営している傍ら、デザインやプログラミングについて日々勉強中です。 そんな中、最近こんなサイトと出会いました。 ttp://dmvault.ath.cx/ 子供向けのカードゲームのポータルサイトのようなものです。 これを見てシステムの凄さにびっくりしました。 製作者の方は大人の方のようですが、私もいずれかはこのような大掛かりなwebサイトを作りたいと考えています。 こちらがやりたいこととしては ・上記のwebサイトのようにデータを検索できるシステムを実装する。 ・会員登録制にする。(個々のマイページを実装して、データ管理できるようなイメージ) の以上のふたつです。 ですが、まだ知識・技術・経験において全てが乏しい現状です。 現段階で最低限できることはXHTMLとCSSのコーディング、javascriptとAJAXとPHPを少しかじった程度です。 これから上記のようなwebサイトを製作していく上で必須となる知識や技術などありますか? おそらくPHPは必須となるかと思うのですが、どういった点から煮詰めるのがよいのでしょうか? できれば20歳までにはなにか形あるものとして完成させたいです。 おそらくデータベース管理についても必須となるかと思います。 サーバーの運営なども考えなければいけないのかもしれません。 なにから手をつけたらよいのか分からない現状です。 オススメの書籍やwebサイトなどありましたら、紹介していただけると嬉しいです。 莫大な質問なような気がしますが、なにかと助言等いただけるとありがたいです。よろしくおねがいします。

    • 締切済み
    • PHP
  • Webサイトの制作期間

    Webサイト制作に関して色々教えてください。 私は専門卒業したばかりで、Webサイトを一通り作れる程度(基礎)は勉強しています。 会社に入って、ページ数がざっと数えて30以上の自社のECサイトを2日で制作という指示が出ました。 ちなみに、 ・設計 ・デザイン ・コーディング ・素材制作 ・商品ひとつひとつに注文フォームを設置するプログラミング(独自の項目沢山あります) ・テスト 等の完成までの全ての工程を行うのは私一人です。 もちろん新卒の私には人脈も無ければ、実務経験もありません。 ちなみにECサイトなので、商品の写真撮影もちょこっとやりました。 設計や説明に前々から3日程度かけています。 「それじゃああと2日で作っていって」 と残り2日で1からHP制作の開始です。 一瞬「え?」と自分の耳を疑いましたが、「できません。」とはいえず・・・。 案の定間に合いませんでした。 しかも途中で、変更・追加などばかりです。 もう完成するわけがないと半分落ち込み気味です・・・。 あげくのはてに、サイトを一時閉鎖だと言われてしまいました・・・。 私が作るのが遅いだけでしょうか・・・? 実際プロの方ってどれくらいの規模のHPをどれくらいの期間で制作するのですか? また、デザイン担当・コーディング担当などチームで作りますか? おそらく会社や個人の能力によると思いますが、あくまで参考ということで教えてください。

  • 思い通りのWEBサイトを作りたい、でも何からやればいいかわかりません

    いまネットで起業したいと思っています。 具体的にはwiki+ユーザーが音声を自由にアップロードできる といったサイトを作りたいと思っています。 (ここでは著作権云々は別にします) 以前、IT業界の経営者向け情報誌の記者をしていたこともあり、技術的なことはおいといても業界の潮流や問題などは把握しているつもりです。 ただ、実際に起業するにしても、私が取材などで話した経営者には共通点があり、みな、95年ごろブラウザモザイクに感化され、これからはインターネットの時代だといい、必死で勉強して今の状態にある、といったところです。 いまはこうした黎明期は過ぎ土壌が整ってきてはいますが、依然として”もっと面白いビジネスはある”とおもっています。 今有名になっている企業家たちの創業時代は技術自体が成熟していなかったため、努力とアイディアでビジネスを軌道に乗せることが出来たと思いますが、今の時代、アイディアだけで一人で創業するのは難しいと思います。 前置きが長くなりましたが、今からいったいどんなことを勉強すれば自分の思い通りのWEBサイトが作れるのか教えてください。質問が具体的でないので回答に困るかもしれませんが、よろしくお願いします。 ちなみに私の技術レベルは ・レンタルサーバーを借りてmovabletypeを自分でインストールしフリーのプラグインでWEBサイトをカスタマイズできる ・htmlは必死こいてやっと読める程度。 ・CSSはがんばって読めるけどいまいちよくわからない。 ・自宅サーバーは本を見ながらなんどかトライしたけど挫折。 ・phpは本で読んで多少知っているが、プログラミングできるほどではない。 ・photoshopはデザインセンスがないので多少の使い方がわかってもかっこいいサイトの素材は作れない。 ・今後はすべてのソフトウェアはブラウザベース(googleの各種サービスやyoutubeなど)になると考えているため、パッケージソフトを開発使用とは思っていない。 技術は日進月歩で進歩するため、技術を追っかけようとはおもっていません。奇をてらった技術を身につけたいのではなく、”こんなサイトが作りたい”と思ったときに時間をかけてでも最低限自力でサイトを作る技術がほしいわけです。 何から始められばいいか、アドバイス(まず何をやって次に何をする・・・)をお待ちしております。 (ベンチャーインキュベーターなどへ提案するといった考えもありますが、あくまでも独立した立場で起業したいとかんがえているのであえて”システムエンジニアリング”というカテゴリーで質問しました。自分ひとりで何とかできる最短の方法をご提案いただけたら幸いです)

  • Webサイトの制作手順

    はじめまして。  既存で動いている顧客のWebサイト(.net vbにてプログラミングされていてデータベースも使用)のデザイン変更の業務を急遽任命されました。 当初、Fireworksなどで既存サイトのパーツを組み合わせてjpg画像にしてデザイン画像で終わりだと思ったのですが、CSSを使用し今のデータベースもそのまま組み込むWeb画面にしてほしいそうなんです。 その考案したラフ画像のjpgを気に入ってもらい、この画像を元にWeb化したいのですが(CSSを利用して)制作手順を詳しく教えていただけないでしょうか。 ちなみに画面にはデータベース領域が多々あり、データベースの入れ込みは別プログラマの人がやってくれます。 私はWebデザインのみとなります。 使用ソフトはFireworksMX,DreamweaverMX,Photoshop,Illustratorです。

    • ベストアンサー
    • CSS
  • ホームページ製作前のWEBデザインの必要性ついて

    ホームページ製作前のWEBデザインの必要性ついて ホームページ製作前にはfireworksやphotoshopなどを使って、 ページ全体のデザインを実際に絵として書くものなんでしょうか? 確かに、デザインしたあと、fireworksのスライス機能で画像を切り出せば あとは、配置するだけなのでやりやすいと思うんですが、 先に髪で手書きでページのレイアウト(枠組み)だけ描いて、XHTML+CSSでレイアウトだけ 作り、そこに配置すべき画像があれば、GIMPやfireworksであとから必要なサイズの 画像を作る。という手順では駄目なのでしょうか? ちなみに作ろうとするホームページはクライアントから受注するものではなく、 自分の会社(事務所)のホームページを作ろうとしています。よって デザインの提出ご提案などは必要ありません。 なぜ、こんなことを聞くのかというと、ネットでいろんな素人さん(一般人)の ホームページを見ていても、デザイン的によくできているなぁっと思うからです。 中にはデザインテンプレートを使用しているんだな。と分かるものもありますが、 そうでないものもあります。果たして彼らのホームページはみなさん一から ページデザインをfireforksなどで手間をかけて作ってからスライスしていったとは 思わなんで(プロならそうやるんでしょうけど) 製作手順としてどうやっているのかなーと思ったのです。 レイアウト(枠組)みは出来てもそこに配置すべき画像(ロゴ・タイトルバー・メニューバーなどのデザインがなかなかいいのが思いつきません。ネット上のフリーWEB素材だと 自分たちのホームページのイメージと合わなかったりするものが多いので。 本当は、必要となるサイズの画像が単品単品で欲しいだけなんです。 ここにこんなサイズのメニューボタンやタイトルボタンを入れたいから、 画像のパーツだけ作ってくださいみたいな注文ってWEB製作会社にできるんでしょうかね? ページ全体を発注するつもりはありません。 よろしくお願いします。

  • 素人がWebデザイン/制作をするのにお勧め書籍ありますか?

    素人がWebデザイン/制作をするのにお勧め書籍ありますか? 会社のWebサイトをリニューアルしたいと考えています。小さいところなので、外注できる予算はまったくなく、自分たちでやらねばならない状況で、それまでビルダーやFront Page、Wordなどで作ってきましたが、やはり素人臭さが抜けないのと、おぞましいソースになってしまうので、アクセシビリティの面から考えてXHTML+CSSで作り直したいと考えています。 プロはおそらくイラレやフォトショでデザインを作って、そこからコーディングしていく形でサイトをデザイン、構築していく流れになろうかと思いますが、この一連の流れを勉強できるお勧め本(テキスト)があれば教えていただきたいです。XHTML+CSSだけ、イラレだけ、フォトショだけ、ならそれぞれたくさんの書籍が発行されてると思うのですが、「サイトを作り上げる」という観点で書かれた本ないかなぁ、と思ったしだいです。 現在持っているのはソシム社の「HTML/XHTML&スタイルシート レッスンブック」だけで、イラレやフォトショ関連の本はまだ持っていません。同じくソシム社の「DTPデザイナー&グラフィックデザイナーのためのDreamweaver Webデザイン練習帳 改訂版」がいいのかなと思いましたが、Amazonのレビューの書き込みがなかったこともあり、質問させていただきました。 AdobeのCS4デザインプレミアムを持っているので、DWが加わっても大丈夫です。 ちなみに当方のスキルは昔HTMLだけでホームページを作成し、ビルダーでもちょこちょこ作っていたのでその辺のことはわかります。イラレ・フォトショ・DWはイーラーニングで一通り学びはしましたが、あまり身についていない感じがしています。特に、デザインされたものをコーディングしていくのってどうするんだろう・・・?というレベルです。 webデザイン、サイト制作関連でお仕事されている方、教育機関などで関連の講座を担当されている方、同じく勉強中の方、広くご意見いただけるとうれしいです。よろしくお願いいたします。

  • IT系短期講座受講

    (1)Webデザインマスター →情報系企業のWebデザイナー、Webサイト構築・ 画像製作、FLASHアニメ製作、Webマスター など (2)Javaプログラミング技術 →Javaエンジニア(プログラマー・システム エンジニア・セールスエンジニア)など (3)Java・Webプログラミング実践→情報処理産業のシステムエンジニア、プロ グラマー プログラミング全くの初心者が受講するならまずどれが最初とかってありますか?それぞれ違うとは思うのですがIT関係の職に就くにはどれを受講しておくと有利とかありますか?

  • ウェブデザインでもめました

    現在HPの一部リニューアルを頼んでいます。 以前 アクセス解析等を依頼してお世話になった方(Aさん)が間に入っていただき Aさんの知り合いのデザイナー様と 私(客)の3人でやりとりをしております。 AさんはWEBデザインもできると言われていたのでデザインの知識のある方です。 このAさんともめました。 以前も1度 Aさんの紹介で 同じデザイナー様にお世話になったことがあります。 前回はあっという間にイメージ通りの作品を作っていただいたのですが 今回は求めているイメージとかけ離れたものばかりが届きます。 最初にお伝えしたのが 以前広告代理店の方に作っていただいたのデザインをみせ「こんな感じで宝石をちりばめてキラキラとしたデザインがいい」という事をお願いしただけでしたのでちゃんとイメージが伝わっていないのかと思いターゲットの年代層やワインレッド等の色のイメージを追加で伝えました。 その後修正依頼をしていない新しいバナーが届いたのですが 1発でほぼOKのものとそうではないものがありました。 そうでないものの理由は (1)文字がすべて黒でタイトルや割引料金が目立たないからメリハリをつけてほしい(2)和柄を端っこでいいのでのせてもらいたいというものでした 次の日に修正したものが届きましたら今度は書体が3種類くらいあり 和柄でタイトルが隠れていたので もうすこしまとめてほしいと頼み三回目でOKでした。 OKを出した後 Aさんよりメールで Aさん「大まかな事を言った後は細かい事を言わないでください。デザイナーさんが困ってましたよ。 全ての要望を取り入れるのは無理なので和柄は今回ははぶかせてもらいました」ときたので 私「和柄は私も後出しの意見で申し訳なかったと思うので大丈夫です。 ただ文字の色とかは1色で気になりましたし、今回頼んでから元のHPのイメージに合ってない 作品ばかり届いていたのできちんとイメージが伝わっていないのかと思い大まかな事を伝えた後  に後日細かい事をいってしまいました。 今後もすべての要望をとりいれるのが難しそうならはぶいてまとめていただいても大丈夫です。」 Aさん「はぶいていいのなんてあなたにしかわからないです」  と。 私「後から細かい事を言わないでとか あなたにしかわからないとか結局どうしたらいいんですか? 最初から質問がなくヒアリングを全くしてこないですけどよくイメージがわからないのならそちらからお客に聞いてきてもいいと思いますよ こちらは素人なのでうまくイメージが伝えられなかったり、専門用語もわからないので プロの方も大変かと思うけど こちらもお金を払うから一生懸命いいものを作りたいんです。 もし間に入って説明するのが大変なら私が直接デザイナーさんとやりとりしてもいいですよ」 Aさん「お客様お客様って・・・僕は今回は無料で間に入ってるんです。手間のかかることばかり言わないでください、デザイナーさんは直接の取引をされない方です」 私「直接の取引をされない方とわかっていたなら それを最初から承知の上でいいですよと ご紹介してくれたはずです。ある程度進行している中で 途中に手間がかかることは言わないでといわれたら 何も修正をおねがいできません。無理なら最初から断ってくださればよかったのに。今まで素敵なデザイナーさんを紹介して頂き、間に入ってくれて感謝していましたがAさんが間に入るのがしんどいなら直接の取引も無理なようですし今までできたバナー代等払いますのでここまでにしましょう」 Aさん「ほんとにやめるんですか?もったいない・・・私からすればデザイナーさんが客と煩わしい話をされない方なのと以前あなたから受けたもう終わった仕事の延長で間に入ってるだけなのに踏んだり蹴ったりですよ。とにかく途中でやめても全額お支払いただきますので」 私「煩わしいって・・・めんどくさがっている人が間にいて修正もお願いできにくい状況なのに納得できていないのに全額払えっていうんですか」 となり、その後旦那が 電話にて話をしましょう、連絡お待ちしておりますとメールしても 「あなたが今後どうするかの意志を聞かせて下さい、結局続けるんですか?精算します?」 とメールでかえってくるのみ。 この場合どうしたらいいのですか? 間の立場を無料でしているのは大変なのはわかりますが めんどくさいというあからさまの発言にショックです。そんなことを言われるなら最初からどうにか断ってくれてたら他のデザイナーさんを探していてこんなに嫌な気持ちにならなかったのにと思います。 話をきちんとして解決する気もないようですしこんな嫌な気持ちになって未完成のものに全額払いたくないです。 くわしい方教えて下さい。よろしくお願い致します。