• CategoryWeb/WebDesign

WebDesign

目次

• 概要
• 運営指針系
• ユーザビリティ
• ライブラリ
  • Bootstrap
• 素材関連
• デザインテンプレート
  • OSWD
  • TemplatesBox.com
  • templatemonster
• favicon
• アクセス制御
• ツール
• 関連
• 参考サイト

概要

Webをデザインする時は非常に苦労します。デザインセンスがあるわけではないので。。

Design Vitality > The Open Source Web Design Toolbox: 100 Web Design Template Sources, Tools and Resources

ケータイ族の特性を生かしたケータイサイトの作り方 絵文録ことのは2006/10/26

HP作成の初心者でワイヤーフレームの作り方をよく知らない人へ

運営指針系

ムーノーローカルに学ぶサイト運営の心構え

１２／１３はムーノーデー♪

C O U LD：サイトはこう見られる

ユーザビリティ

別にWebだけの事ではありませんが、とりあえずここに分類しておきます。

Yahoo! Design PatternLibrary:Yahoo!でのデザイン部品関連

Personnelウェブページの利用と作成に関するサイト

http://www.usability.gr.jp/

THE管理人〜管理人への嘆願〜：みやすいサイトとはどんなか

Webデザイン指針 一覧

Designing with WebStandards―XHTML+CSSを中心とした「Web標準」によるデザインの実践(AA)

：Zeldman

Togetter -まとめ「pukiwiki、はてなトップページの妙な恐怖感」

http://www.siiimple.com/

ライブラリ

• OfficeDev/Office-UI-Fabric · GitHub
• The Yahoo! User Interface Library (YUI)
• Yahoo! UI Library: Grids CSSはCSSデザインするときかなり便利です
• リクルート WEBサービス UI Library

Bootstrap

• Bootstrap · The world's most popular mobile-first and responsive front-end framework.

• SB Admin 2 - Free Bootstrap Admin Theme - Start Bootstrap

• Free Bootstrap Admin Template

• TODC Bootstrap · A Google-styled theme for Bootstrap.

• Examples - Select2- todc/todc-select2 · GitHub

• Metronic Bootstrap Admin Dashboard Theme

素材関連

• famfamfam.com: Mini Icons：Free
• Icons & Icon Packs - Download Free PNG Icons | IconsPedia
• Open Clip Art Library Drawing Together：public domain
• Icons : 19eighty7：GPL
• The Noun Project：CCライセンスのためライセンス内容確認のこと

iconSweets2 --- Yummygum

50 of the Best Ever Web Development, Design and Application IconSets

Open Source Icons -gcons

MoodFlow.com | Fantasy Wallpapers | Mood-Inspiring Music | FantasyArt：非商用、変更しないなら利用は自由

Vladstudio.com - free desktop wallpapers, widescreen, dual monitors, iPhone wallpapers, backgrounds for mobile phones, wallpaper clocks, e-cards：非商用、変更不可、サイトへのリンクを実施するなら利用は自由

PHOTO STOCKER フォトストッカーは無料の写真素材配布サイトです。商用利用もOK!

EyesPic - フリー画像素材

iconSweets » Free icons by Yummygum

Desktop Nexus Wallpapers - Wallpaper, Desktop Wallpapers, ComputerBackgrounds

Free Computer Desktop Wallpapers & AnimatedBackgrounds

Open Clip Art Library ::openclipart.org

クールなロゴをオンラインでお手軽作成「FREE LogoMaker」:phpspot開発日誌

http://www.sxc.hu/

http://www.stockxpert.com/

http://www.burningwell.org/gallery2/main.php

http://www.freephotosbank.com/

http://www.iconarchive.com/

デザインテンプレート

Free、および商用のデザインテンプレートが存在します。

TemplateWorld - FREE Website Templates (Valid XHTML AndCSS)：リンクは必須のようだが、フリーで利用できるらしいテンプレート郡

80種類のフリーのテンプレート配布とチュートリアルサイト「Zymic」:phpspot開発日誌

Zymic ¨ Free Templates &Tutorials

Open Design Community - Download Free Web Design Templates -OpenDesigns.org

Download free CSS templates - Free CSSTemplates

１００の無料で使えるWebデザイン テンプレートとツールのまとめ |Chocolate（チョコレート）

OSWD

Freeのデザインテンプレート配布サイト

http://www.oswd.org/

上記サイトのデザインは利用制限がありません。直接そのまま利用するのではなく多少改変して利用した方がいいでしょう。

http://www.oswd.org/userinfo.phtml?user=haran

http://www.oswd.org/viewdesign.phtml?id=1083&referer=%2Fuserinfo.phtml%3Fuser%3Dnix

http://www.oswd.org/viewdesign.phtml?id=1084&referer=/search.php?type=advanced&validtype=xhtml1_0strict&contrast=darkonlight&pricolor=any&seccolor=any&category=any&css=on&x=30&y=3

http://www.oswd.org/userinfo.phtml?user=shaniber

http://members.aardvark.net.au/haran/oswd/

TemplatesBox.com

GIGAZINE -高品質でフリーのウェブサイトテンプレート集「TemplatesBox.com」

templatemonster

テンプレート販売サイト

(Website Templates | Flash Templates | Web Templates)templatemonster

ホームページ・Flashテンプレートのテンプレートモンスタージャパン

favicon

http://www.tokyo-ouja.com/favicon/

http://www.chami.com/html-kit/services/favicon/

アクセス制御

futomi's CGI Cafe - 環境変数HTTP_USER_AGENT

ツール

http://design.fujitsu.com/jp/universal/assistance/colorselector/

http://design.fujitsu.com/jp/universal/assistance/webinspector/

関連

ContentManagementSystem

CascadingStyleSheets

ノンデザイナーズ・デザインブック Second Edition: 本(AA)

配色アイデア見本帳MdN design basics: 本(AA)

ウノウラボ Unoh Labs:デザインセンスの無い人がwebサイトを作成する際に参考にしているサイト

参考サイト

---

CategoryWeb